Hardlight UI
Frontend design guidance with sixteen original style grammars, twelve craft references, dated modern-web capability recipes, explicit direction context, and stateless tools for bounded source inspection, color contrast, and navigation task paths.
Good to know before installing
The hardlight_inspect tool reads frontend source files (.html, .css, .js, .ts, .jsx, .tsx, .vue, .svelte and similar; at most 500 files and 8 MiB) under any local directory the model names, skipping hidden, symlinked, vendor/build and secret-named paths, and returns their design tokens and findings to the model; the plugin adds a short system-prompt section naming its tools to every session; the tools make no network calls, run no subprocesses and write no files; the optional hardlight browser command, run by hand from a shell, launches a locally installed Chromium against loopback or file:// pages only and writes its report to the output folder you give it.
From the plugin's catalog listing.
How to install
- Install it. Hermes asks for any API keys it needs, then asks whether to turn it on.
hermes plugins install hardlight-ui - Said no? Turn it on later:
hermes plugins enable hardlight-ui - Restart Hermes so it loads the plugin.
Some plugins also need a sign-in or settings: see Full setup & settings. Memory plugins ask whether to become your memory provider instead. Steps follow the official plugins guide (opens in a new tab).
- Category
- Coding & developer tools
- Maintained by
- nosliwhtes (Community)
- Needs
- No API keys declared
- Adds tools
hardlight_referencehardlight_directionhardlight_inspecthardlight_contrasthardlight_navigation- Needs Hermes
- 0.21.0 or newer
- Version
- 0.2.0
- In the catalog
- 2026-10-23, updated 2026-10-24
Full setup & settings ↗Source code ↗
More in coding & developer tools
All coding & developer tools plugins
New Hermes Agent updates every day on X. Follow @HermesWatcher