Design DNA — example
Project screenshotsAbout this Skill
Extract and apply a design's tokens, qualitative style, and visual effects when defining a design direction or rebuilding an interface.
Why we picked it
Curated from the upstream task instructions. Use the original repository and its linked runtime files for installation, dependencies, and licensing.
Before you use it
- Provide the reference or design brief and a frontend workspace; keep the measurement and effects references needed for the task.
Supported agents
Claude CodeCodex CLICursorGitHub CopilotDeepSeek HarnessGemini CLIGrok BuildHermes AgentOpenCodePiKiroRovo DevQoderMistral VibeGoogle Antigravity
Sources & references
Original sources are linked below. Practical starting points are editorial suggestions from SkillHey.
