SkillHey.
Skill einreichen

Design DNA

zanwei/design-dna

Extract and apply a design's tokens, qualitative style, and visual effects when defining a design direction or rebuilding an interface.

Inhalt aktualisiert:

Auf GitHub ansehen
npx skills add zanwei/design-dna --skill design-dna
2.114Sterne115ForksLetzter Repository-Push
Design DNA — example

Design DNA — example

Projekt-Screenshots

Design DNA — example

Über diesen Skill

Extract and apply a design's tokens, qualitative style, and visual effects when defining a design direction or rebuilding an interface.

Warum wir es empfehlen

Curated from the upstream task instructions. Use the original repository and its linked runtime files for installation, dependencies, and licensing.

Vor der Nutzung

  • Provide the reference or design brief and a frontend workspace; keep the measurement and effects references needed for the task.

Unterstützte Agents

Claude CodeCodex CLICursorGitHub CopilotDeepSeek HarnessGemini CLIGrok BuildHermes AgentOpenCodePiKiroRovo DevQoderMistral VibeGoogle Antigravity

Quellen und Referenzen

Die Originalquellen sind unten verlinkt. Praktische Einstiegsideen sind redaktionelle Vorschläge von SkillHey.

Redaktion: SkillHey
design-systemsui-designweb-design

Ähnliche Skills

Oil UI — Gallery highlights: an English learning app, a music year in review, hardware and component library websites, a project management tool, a ride-hailing app, a voice assistant, a checkout flow, and a film camera
Kostenlos
Web und UI

Oil UI

Explore and refine interface design through visual directions, same-screen style comparisons, screenshot review, and runnable UI deliverables.

3189Sterne182Forks
Letzter Repository-Push
Zhihuang Lin
Auteur Web Experiences — official illustration from the upstream README
Kostenlos
Web und UI

Auteur Web Experiences

Design and build marketing pages, cinematic scroll experiences, and multi-screen products through a staged brief, asset, and implementation workflow.

1045Sterne20Forks
Letzter Repository-Push
AGI White List
Superdesign Skill — Superdesign skill demo
Preis nicht angegeben
Web und UI

Superdesign Skill

Design and redesign interfaces, presentations, and graphics on the Superdesign canvas, then continue toward implementation from the selected design.

980Sterne77Forks
Letzter Repository-Push
Superdesign
Official Hallmark cover: black headline on a pale grid above three overlapping website examples.
Kostenlos
Web und UI

Hallmark Web Design

Build, redesign or audit websites with a clear visual direction, 48 themes or custom styling, and local UI checks for Claude Code, Codex, Cursor and OpenCode.

53.682Sterne2860Forks
Letzter Repository-Push
Nutlope