design-brief-creation
CommunityTurn inspiration into actionable design specs.
Design & Creative#typography#spacing#color-system#component-design#inspiration-analysis#design-brief
Authorcreatedbysalt
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Good design briefs turn subjective inspiration into objective specifications, accelerating design-to-development workflows by producing consistent system specifications.
Core Features & Use Cases
- Inspiration analysis: Extract typography, color, spacing, and layout needs from moodboards and reference sites.
- System templates: Generate structured design-system templates for typography, color, spacing, and components.
- Specification formats: Produce implementation-ready specs for design and code handoff.
Quick Start
Use the design-brief-creation skill to transform a moodboard into a complete design brief with typography, color, spacing, and component definitions.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: design-brief-creation Download link: https://github.com/createdbysalt/nextjs-starter-template/archive/main.zip#design-brief-creation Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.