# Hardlight UI: Hermes Agent plugin

> 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…

Canonical: https://hermeswatcher.com/plugins/hardlight-ui  
Tier: Community  
Official page (Nous Research): https://hermes-agent.nousresearch.com/docs/plugins/hardlight-ui  
Last updated in catalog: 2026-10-24

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

1. Install it. Hermes asks for any API keys it needs, then asks whether to turn it on.

```bash
hermes plugins install hardlight-ui
```

2. Said no? Turn it on later:

```bash
hermes plugins enable hardlight-ui
```

3. Restart Hermes so it loads the plugin.

Some plugins also need a sign-in or settings: see the official page. Memory plugins ask whether to become your memory provider instead. Steps follow the official plugins guide: https://hermes-agent.nousresearch.com/docs/user-guide/features/plugins

## Facts

- Category: Coding & developer tools
- Maintained by: nosliwhtes (Community)
- Needs: No API keys declared
- Adds tools: `hardlight_reference`, `hardlight_direction`, `hardlight_inspect`, `hardlight_contrast`, `hardlight_navigation`
- Requires Hermes: `>=0.21.0`
- Version: 0.2.0
- In the catalog since: 2026-10-23, updated 2026-10-24

## Links

- [Full setup and settings (official page)](https://hermes-agent.nousresearch.com/docs/plugins/hardlight-ui)
- [Source code](https://github.com/nosliwhtes/hardlight-ui/blob/2254efe3ba6df2fa5962cd8ed352b5fad80306d4/README.md)
- [All plugins](https://hermeswatcher.com/plugins.md)

---

HermesWatcher is an independent guide. It is not affiliated with or endorsed by Nous Research. The [official Hermes Agent documentation](https://hermes-agent.nousresearch.com/docs) and [repository](https://github.com/NousResearch/hermes-agent) from Nous Research are the authority; each page here lists the official sources it was written from. If this site and the official docs disagree, trust the official docs. Index for agents: https://hermeswatcher.com/llms.txt