Find agent skills by outcome

- Build a clear hierarchy: header

control strip

- Use CSS variables for tokens: color

spacing

- For mutating commands (kill process

delete file

- When path-dependent behavior exists

display active working directory in UI/help text.

- If stdout is empty

return `{}` or `[]` consistently based on expected shape.

Creative

- Every error must be rendered in-design: error UI must follow the widget's visual language (color tokens

typography

Creative

- If truncation is reported

show partial output status and avoid false-success messaging.

- Validate and normalize user inputs (path

hostname

- Prefer allow-list style validation for sensitive parameters (e.g.

command mode

- In `parseJson` mode

ensure script returns exactly one JSON payload.

- For user text interpolated into PowerShell single-quoted literals

always escape `'` -> `''`.

Data

- For structured data

return JSON with:

- `setStatus(message

tone)` where `tone` supports at least: `info`

- `runPs(script

parseJson = false

- `pick(obj

camelKey

- `await window.HTWind.invoke(powershell.exec

{ script

- Quick edits: palette

refresh cadence

- Brief bullets: commands

safety decisions

Coding & Debugging

- One fenced `html` code block containing the full

self-contained single file.

- If the user asks for a specific language

follow that explicit instruction.

- Keep accessibility semantics aligned with UI language (for example `aria-label`

`title`

- Default rule: if the user does not explicitly specify language

generate visible widget text in the same language as the user's prompt.

- If external URLs are used (for example fonts/icons)

include graceful fallbacks so the widget still functions as one deliverable HTML file.

- Do not split output into multiple files (`.css`

`.js`