Habilidades design-dna
📦

design-dna

Revisión del contenido r1 Riesgo medio 🌐 Acceso a red⚙️ Comandos externos

Extract and Apply Reusable Design DNA

Teams struggle to convert visual references into precise, reusable design specifications. This skill extracts structured Design DNA and applies it to new content.

Compatible con: Claude Codex Code(CC)
📊 69 Adecuado

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente
Review the Skillstore skill "design-dna" from https://skillstore.io/skills/zanwei-design-dna.md and its manifest at https://skillstore.io/api/skills/zanwei-design-dna/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.

Recursos legibles por agentes

Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.

Detalle Markdown GET /skills/zanwei-design-dna.md Manifest firmado GET /api/skills/zanwei-design-dna/manifest Lockfile firmado GET /api/skills/zanwei-design-dna/lockfile

Pruébalo

Usando "design-dna". Analyze a screenshot of a compact analytics dashboard.

Resultado esperado:

  • A restrained neutral palette with one high-contrast action color.
  • A dense twelve-column layout with compact spacing and small radii.
  • Minimal motion limited to chart transitions and focus feedback.

Usando "design-dna". Apply an approved Design DNA profile to product launch content.

Resultado esperado:

A responsive page using the specified tokens, composition, components, visual effects, reduced-motion behavior, and lightweight fallbacks.

Usando "design-dna". Compare three references that use different motion styles.

Resultado esperado:

A combined profile that identifies the dominant interaction pattern, preserves useful variants, and flags conflicting timing and intensity choices.

Auditoría de seguridad

Riesgo medio
v1 • 13/8/2026 Abrir el informe versionado

Most static alerts are false positives caused by Markdown syntax, translated UTF-8 documentation, installation URLs, and references to screenshots. Three unpinned CDN examples create supply-chain exposure, while instructions to retrieve user-provided URLs create a separate SSRF and untrusted-content risk.

11
Archivos escaneados
1,358
Líneas analizadas
3
Elementos de revisión
0
Falsos positivos ignorados

Preocupaciones de seguridad confirmadas (1)

Medio
SKILL.md:41-46SKILL.md:83
Unrestricted User-Provided URL Retrieval
The skill tells agents to fetch user-provided pages and retrieve original assets without requiring scheme, host, or private-network validation. In a network-capable environment, crafted URLs could reach internal services or expose the agent to untrusted content.
The retrieval instructions are explicit, and no URL validation or network boundary is specified. Exploitability depends on the host agent's available fetch tools and network controls.
Elementos de revisión de capacidades (3)

Estas son capacidades locales reales que pueden esperarse para esta habilidad, por lo que requieren revisión, pero no se cuentan como comportamiento malicioso confirmado.

Bajo
references/generation-guide.md:185
Hardcoded URL
<script type="importmap">{"imports":{"three":"https://cdn.jsdelivr.net/npm/three@latest/build/three.
Generated HTML is instructed to load an unpinned latest Three.js module from a public CDN. Upstream compromise or a future incompatible release could execute unreviewed code.
Bajo
references/generation-guide.md:188
Hardcoded URL
<script src="https://cdn.jsdelivr.net/npm/gsap@latest/dist/gsap.min.js"></script>
Generated HTML is instructed to load an unpinned latest GSAP script from a public CDN. This creates supply-chain and reproducibility risk without integrity verification.
Bajo
references/generation-guide.md:191
Hardcoded URL
<script src="https://cdn.jsdelivr.net/npm/lottie-web@latest/build/player/lottie.min.js"></script>
Generated HTML is instructed to load an unpinned latest Lottie script from a public CDN. The external script can change independently and executes in the page context.

Factores de riesgo

🌐 Acceso a red (9)
README.es.md:37 README.ja.md:37 README.ko.md:37 README.md:47 README.zh-CN.md:37 README.zh-TW.md:37 references/generation-guide.md:185 references/generation-guide.md:188 references/generation-guide.md:191
⚙️ Comandos externos (7)
SKILL.md:69 SKILL.md:70 SKILL.md:72 SKILL.md:73 SKILL.md:81 SKILL.md:82 SKILL.md:84
Auditado por: codex
Compartir y citar este informe

Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.

Abrir el informe versionado
Evaluación de seguridad

Copiar enlace del informe

https://skillstore.io/skills/zanwei-design-dna/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/zanwei-design-dna/security.svg)](https://skillstore.io/skills/zanwei-design-dna?utm_source=security_passport_badge)

Insignia HTML

<a href="https://skillstore.io/skills/zanwei-design-dna?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/zanwei-design-dna/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/zanwei-design-dna.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
Citas académicas (APA · BibTeX · CFF)

Cita APA

zanwei. (2026). design-dna security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/zanwei-design-dna/audits/1

Cita BibTeX

@techreport{zanwei-zanwei-design-dna-2026, author = {zanwei}, title = {design-dna security audit report (audit version 1)}, institution = {Skillstore}, year = {2026}, number = {1}, url = {https://skillstore.io/skills/zanwei-design-dna/audits/1}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "design-dna security audit report (audit version 1)" version: "unspecified" type: report authors: - name: "zanwei" date-released: "2026-08-13" url: "https://skillstore.io/skills/zanwei-design-dna/audits/1" identifiers: - type: other value: "skillstore:zanwei-design-dna:audit:1" description: "Skillstore immutable audit report identifier"

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Medio
55
Arquitectura
85
Mantenibilidad
87
Contenido
65
Comunidad
83
Cumplimiento de la especificación

Lo que puedes crear

Document a Product Design System

Convert approved screens into reusable tokens, style guidance, component patterns, and effect specifications.

Rebuild a Visual Direction

Analyze references and apply their visual language to new content without copying the original structure.

Standardize Creative Prototypes

Create a shared Design DNA profile that keeps agent-generated prototypes visually consistent across projects.

Prueba estos prompts

Show the Design DNA Schema 
Show the complete Design DNA schema. Explain the design system, design style, and visual effects dimensions in simple terms.
Analyze One Reference 
Analyze this screenshot into a complete Design DNA profile. Separate observed values from estimates and note any uncertain effects.
Combine Several References 
Analyze these references into one Design DNA profile. Identify dominant patterns, record meaningful variants, and explain how conflicts were resolved.
Generate and Validate an Interface 
Apply this Design DNA profile to the supplied content. Build a responsive interface, implement specified effects, and verify accessibility, performance, and fallbacks.

Mejores prácticas

  • Use clear, high-resolution references and include interaction recordings when motion matters.
  • Review inferred values and resolve uncertain fields before generating an implementation.
  • Pin external dependencies and test accessibility, performance, responsiveness, and reduced-motion behavior.

Evitar

  • Do not treat screenshot measurements as exact source values without verification.
  • Do not combine conflicting references without documenting dominant patterns and variants.
  • Do not enable heavy effects without fallbacks, cleanup, and performance testing.

Preguntas frecuentes

What is Design DNA?
It is a structured profile of measurable tokens, qualitative design choices, and special visual effects.
Can it analyze screenshots?
Yes. It estimates visible properties from screenshots and should label values that cannot be verified.
Can it analyze live websites?
Yes, when the agent has network access. Only trusted public URLs should be retrieved.
What output does generation produce?
The default is self-contained HTML with inline CSS and JavaScript, unless you request a framework.
Does it support advanced visual effects?
Yes. The schema covers Canvas, WebGL, 3D, particles, shaders, scroll effects, cursor effects, and SVG animation.
Does the output require review?
Yes. Validate inferred tokens, licensing, accessibility, browser behavior, dependency integrity, and performance before production use.

Detalles del desarrollador

Autor

zanwei

Licencia

MIT

Revisión de Skillstore

r1

Aviso de versión

El autor no declaró una versión.

Repositorio

https://github.com/zanwei/design-dna/tree/9d9d79568df31cd846681f89fd3be1c3ce0c2aff/

Ref.

9aec8a0368e9f91eaff93b746339683b0542ea3e

Actualidad del mantenimiento

13/8/2026

Uso

0 descargas · 0 vistas

Estructura de archivos

📄 .gitignore

📁 docs/

📄 example-style-transfer.png

📄 LICENSE

📄 README.es.md

📄 README.ja.md

📄 README.ko.md

📄 README.md

📄 README.zh-CN.md

📄 README.zh-TW.md

📁 references/

📄 generation-guide.md

📄 schema.md

📄 SKILL.md

Habilidades relacionadas

Ver todo