fs-design

Audit files for Terminal Elegance design system compliance. Checks CSS, templates, and documentation for hardcoded values, accessibility issues, and brand consistency.

Use this agent when reviewing PRs touching CSS, templates, or brand documentation for design system compliance. Also use for auditing new FyrsmithLabs products or checking design token usage. This agent performs read-only analysis and reports violations without making modifications. Triggers: "review design consistency", "audit design tokens", "check CSS compliance", "design system review", "find design violations".

Use this agent when building new UI components following the FyrsmithLabs design system, refactoring existing CSS to use design tokens, or creating pages using Terminal Elegance style. This agent can both GENERATE new components and REFACTOR existing code. Wraps the frontend-design agent for high-quality UI output. Triggers: "build component following design system", "refactor CSS to design tokens", "create page with FyrsmithLabs style", "make component design-system compliant", "generate UI with design tokens".

This skill should be used when the user asks to "check design system compliance", "audit CSS for design tokens", "find hardcoded colors", "check accessibility", "validate design consistency", "run design check", "check files against the design system", "validate WCAG compliance", "check a11y", "audit dark mode", or "validate design tokens". Use this skill to scan CSS, template (.templ, .html), and documentation (.md) files for violations of the FyrsmithLabs Terminal Elegance design system. Supports WCAG 2.2 compliance, W3C Design Tokens (DTCG format), and modern CSS patterns. Reports violations with auto-fix suggestions for simple issues. Say "design check", "audit styles", "check design tokens", "a11y audit", or "find design violations".