frontend-design
Installation
SKILL.md
This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.
The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.
Project Design Source of Truth (check FIRST)
Before committing to any aesthetic direction, check for a DESIGN.md at the project root:
[ -f DESIGN.md ] && echo "DESIGN.md present — it is the source of truth" || echo "no DESIGN.md — free creative direction"
When DESIGN.md is present, it is the normative design system — not a suggestion. It uses
the google-labs-code/design.md format (YAML
token frontmatter + prose). You MUST: