ContentAvançado

Design DNA

porzanwei·zanwei· v1.0.0 · atualizado em 2026-04-10

Score

This skill is currently empty and requires a description.

design-dnadesign-systemdesign-stylevisual-effectsdesign-analysisdesign-generationui-design

Linguagens

TypeScriptJavaScript

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mddesign-dna/workflow

Determine Phase: — Identify the required phase(s) based on user input (schema request, design analysis, or DNA application).

Structure (Phase 1): — If requested, output the Design DNA schema with field descriptions, covering design system, style, and visual effects.

Analyze (Phase 2): — If references are provided, extract design values for each field in the schema from images or URLs.

Generate DNA JSON: — Output a complete Design DNA JSON with all fields populated, noting any conflicting references.

Apply (Phase 3): — Parse the DNA JSON and apply the design tokens to the provided content, fetching assets from original sources when available.

Implement Visual Effects: — Implement visual effects using appropriate technologies (CSS, SVG, Canvas, WebGL).

Generate Output: — Generate the design output (HTML, CSS, JS).

Quality Check: — Run quality checks and prompt the user for feedback.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aPoster Design Generation

60%

Similar aFrontend Design Pro

60%

Árvore do Skill

Design DNA

design-dna

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.ACT

5.REFLECT

Triggers8

analyze this design and generate a landing pageextract the design DNA from this imageshow me the design schemaapply this design DNA to my contentdesign a website in the style of this screenshotgive me the structure for design DNAanalyze this website's visual stylegenerate a design based on a described style

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download design-dna

$ synaptic skills detail design-dna

$ synaptic skills live design-dna

Links

GitHub Repository