design-dna
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.
Installer avec mon Agent
Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.
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.Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.
Ressources lisibles par les agents
Utilisez ces liens lorsquâun Agent IA, un crawler ou un script a besoin dâun contexte propre au lieu de lire toute la page.
Tester
Utilisation de « design-dna ». Analyze a screenshot of a compact analytics dashboard.
Résultat attendu:
- 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.
Utilisation de « design-dna ». Apply an approved Design DNA profile to product launch content.
Résultat attendu:
A responsive page using the specified tokens, composition, components, visual effects, reduced-motion behavior, and lightweight fallbacks.
Utilisation de « design-dna ». Compare three references that use different motion styles.
Résultat attendu:
A combined profile that identifies the dominant interaction pattern, preserves useful variants, and flags conflicting timing and intensity choices.
Audit de sécurité
Risque moyenMost 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.
Préoccupations de sécurité confirmées (1)
ĂlĂ©ments dâĂ©valuation des capacitĂ©s (3)
Il sâagit de capacitĂ©s locales rĂ©elles qui peuvent ĂȘtre attendues pour cette compĂ©tence ; elles nĂ©cessitent donc un examen, mais ne sont pas comptabilisĂ©es comme comportement malveillant confirmĂ©.
Facteurs de risque
đ AccĂšs rĂ©seau (9)
âïž Commandes externes (7)
Partager et citer ce rapport
Partagez le rapport dâĂ©valuation versionnĂ©, le badge neutre, la carte intĂ©grable et les citations. Skillstore prĂ©sente les preuves sans dĂ©cider si ce Skill est sĂ»r.
Copier le lien du rapport
https://skillstore.io/skills/zanwei-design-dna/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportBadge Markdown
[](https://skillstore.io/skills/zanwei-design-dna?utm_source=security_passport_badge)Badge 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>Carte intégrable
<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>Citations académiques (APA · BibTeX · CFF)
Citation APA
zanwei. (2026). design-dna security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/zanwei-design-dna/audits/1Citation 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"
Score Skillstore
Pourquoi ce score Niveau de confiance des preuves: MoyenCe que vous pouvez créer
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.
Essayez ces prompts
Show the complete Design DNA schema. Explain the design system, design style, and visual effects dimensions in simple terms.
Analyze this screenshot into a complete Design DNA profile. Separate observed values from estimates and note any uncertain effects.
Analyze these references into one Design DNA profile. Identify dominant patterns, record meaningful variants, and explain how conflicts were resolved.
Apply this Design DNA profile to the supplied content. Build a responsive interface, implement specified effects, and verify accessibility, performance, and fallbacks.
Bonnes pratiques
- 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.
Ăviter
- 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.
Foire aux questions
What is Design DNA?
Can it analyze screenshots?
Can it analyze live websites?
What output does generation produce?
Does it support advanced visual effects?
Does the output require review?
Détails du développeur
Auteur
zanweiLicence
MIT
Révision Skillstore
r1
Avis de version
Lâauteur nâa dĂ©clarĂ© aucune version.
Réf
9aec8a0368e9f91eaff93b746339683b0542ea3e
Récence de maintenance
13/08/2026
Utilisation
0 téléchargements · 0 vues
Structure de fichiers
đ .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