from claude-code-harness834
Generates accessible UI components, hero sections, forms and feedback surfaces — opinionated constraints and accessibility checks for frontend content generatio
UI Skills provides a focused set of instructions and constraints for generating frontend UI components, hero sections, forms, feedback widgets and contact surfaces. It bundles accessibility and design guardrails so agents produce usable, consistent UI output rather than arbitrary or backend logic. The skill references a set of reusable constraint files (references/ui-skills.md, references/frontend-design.md) and includes a concrete a11y checklist to validate outputs.
Use this skill when the agent must produce or modify frontend UI (HTML/CSS/JS or component code) such as landing heroes, form layouts, feedback components, or contact surfaces. Do NOT load this skill for authentication, backend implementation, database work, or business logic. Activate it when a user requests UI markup, component scaffolding, or accessible form behaviour.
Best suited for agents that can read/write code and follow constraint docs (Claude/Claude Code, Copilot-style code assistants, Gemini/Code-capable agents). The skill disables model invocation for safety and expects the host harness to apply the referenced constraint files.
This skill has not been reviewed by our automated audit pipeline yet.
