frontend-design
Installation
SKILL.md
Create distinctive, production-grade frontend interfaces while preserving brand consistency and implementation quality.
Use this skill when the request is to build or style a frontend component, page, or interface and the task is primarily visual/UX implementation.
Project Design Foundation
Read project design sources before making visual decisions.
docs/design.md— Source of truth for tokens, typography, spacing, radii, shadows, dark mode, and component patterns.docs/sales.md— Source of truth for audience, positioning, and messaging tone.
Apply these constraints:
- Primary color: Trust Bold Blue
#2563eb(more saturated than Confluence) - Font: Inter as the default UI/body typeface (intentional brand choice)
- Tone: Professional confidence — modern but not intimidating for corporate BAs
- Radius: 8px default, consistent with Linear/Notion SaaS aesthetic
- Must work in both light and dark modes