Frontend Design Skill
Role In The Wiki
frontend-design is a project-local installed skill for building visually distinctive, production-grade frontend interfaces.
Current Claims
- EXTRACTED: The upstream path is
https://github.com/anbeime/skill/tree/main/skills/frontend-design/frontend-design. - EXTRACTED: It was mirrored under
skill/frontend-design/. - EXTRACTED: It was installed under
.codex/skills/frontend-design/. - EXTRACTED: The skill is text-guidance only and contains one
SKILL.md. - EXTRACTED: It triggers on frontend components, pages, applications, and interface-building tasks.
- INFERRED: It should be used alongside repository-specific frontend rules and, for slide decks, with html-ppt-agent-workflow /
frontend-slides.
Usage
Ask for a frontend artifact and name the skill when desired:
用 frontend-design 做一个有强烈记忆点的产品首页。
Use frontend-design to redesign this dashboard UI.
Build a production-grade component with a bold editorial aesthetic.The expected process:
- Identify purpose, audience, tone, constraints, and the memorable design idea.
- Choose a deliberate aesthetic direction.
- Implement working code.
- Verify the result visually when a runnable frontend exists.
Contribution Summary
- EXTRACTED: The skill pushes agents away from generic AI-looking interfaces.
- EXTRACTED: It requires distinctive typography, intentional color, motion, composition, background detail, and conceptual coherence.
- INFERRED: Its practical value is a high-level aesthetic guardrail rather than a scriptable runtime.
Counterpoints And Gaps
- UNVERIFIED: No live frontend project was generated with this skill in this install pass.
- INFERRED: Because this is a guidance-only skill, validation is by installation integrity and future output quality, not by CLI execution.