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:

Installs
3
First Seen
Aug 2, 2026
frontend-design — leonardoacosta/skills