require-frontend-spec

To ensure a frontend specification exists, this skill checks for a frontend_spec.md file and automatically generates it using project design system references and code context. It fires before code writes to prevent development without proper specifications.

Yes, you can automatically generate a frontend spec from design tokens and PRD files. The skill detects project files like CLAUDE.md, PRD, ADRs, and design tokens to populate project context into the specification document.

Maintaining consistent frontend workflows is achieved by integrating automated spec checks that fire before code writes. This ensures the frontend specification is always up to date with current design references and reduces miscommunication.

You manually trigger a frontend specification update by invoking the skill when starting a new feature. This allows you to generate or update the frontend_spec.md with current design references or specific style instructions.

The frontend specification automation works best with existing project documentation but can create a spec if missing. It detects context files like ADRs and design tokens to populate the specification, though manual invocation can supply style instructions directly.