Build polished, conversion-aware frontends with strong visual taste, clear hierarchy, and production-grade HTML/CSS/JS. Landing pages, dashboards, components...
Security Analysis
high confidenceInstruction-only frontend design skill that is internally consistent: it reads/writes workspace files for brand/context and produces HTML/CSS/JS outputs, and it does not request unrelated credentials or install code.
The name/description (build frontends) matches the runtime instructions: producing working HTML/CSS/JS, checking brand files, and saving output to a workspace folder. Requested binaries (bash; optional node/npx/python3) are reasonable for this workflow.
SKILL.md explicitly tells the agent to read ~/workspace/SOUL.md and ~/workspace/KNOWLEDGE.md (if present) and to save files under ~/workspace/designs/[project-slug]/. That file I/O is coherent for a design skill but does grant the skill access to arbitrary workspace files and the ability to write files — users should ensure sensitive data isn't in that workspace. The skill also instructs the agent to make assumptions rather than always prompting for missing details, which can lead to undesired choices unless the user provides clear brief.
No install spec or code is included (instruction-only). No downloads or executable installs are requested, which minimizes on-disk risk.
No environment variables, credentials, or external config paths are required. Optional binaries (node/npx/python3) are reasonable helpers and not mandatory.
The skill is not always-enabled and is user-invocable. It requests permission to write outputs into the user's workspace (explicit in instructions) but does not modify other skills or request elevated system privileges.
Guidance
This skill is coherent for frontend design: it will read brand/context files in ~/workspace (SOUL.md, KNOWLEDGE.md) and write working HTML/CSS/JS files to ~/workspace/designs/[project-slug]/. Before installing/using it, make sure your workspace doesn't contain secrets or unrelated sensitive files you don't want read. If you want tighter control over design decisions, provide explicit brief details (audience, CTA, tone) because the skill's instructions say it will make strong assumptions rather than always asking follow-ups.
Latest Release
v1.0.2
Initial release of frontend-design skill. - Provides a clear workflow for creating high-quality, conversion-focused frontend designs with strong visual direction. - Sets strict agent rules to avoid generic AI aesthetics and ensure every design has a meaningful point of view. - Outlines step-by-step process, from brand context checks to delivering polished, production-grade HTML/CSS/JS. - Supports a range of project types: landing pages, dashboards, components, emails, and redesigns. - Enforces practical guidelines for interactive behavior, file management, and accessibility. - Includes detailed design archetypes to guide consistent, intentional styling.
More by @jeffjhunter
Published by @jeffjhunter on ClawHub
