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.
Mit meinem Agent installieren
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
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.Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.
Agent-lesbare Ressourcen
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
Testen
„design-dna“ wird verwendet. Analyze a screenshot of a compact analytics dashboard.
Erwartetes Ergebnis:
- 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.
„design-dna“ wird verwendet. Apply an approved Design DNA profile to product launch content.
Erwartetes Ergebnis:
A responsive page using the specified tokens, composition, components, visual effects, reduced-motion behavior, and lightweight fallbacks.
„design-dna“ wird verwendet. Compare three references that use different motion styles.
Erwartetes Ergebnis:
A combined profile that identifies the dominant interaction pattern, preserves useful variants, and flags conflicting timing and intensity choices.
Sicherheitsaudit
Mittleres RisikoMost 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.
Bestätigte Sicherheitsbedenken (1)
Elemente der Fähigkeitsprüfung (3)
Dies sind echte lokale Fähigkeiten, die für diese Fähigkeit erwartet werden können; daher müssen sie überprüft werden, werden jedoch nicht als bestätigtes bösartiges Verhalten gezählt.
Risikofaktoren
🌐 Netzwerkzugriff (9)
⚙️ Externe Befehle (7)
Diesen Bericht teilen & zitieren
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
Berichtslink kopieren
https://skillstore.io/skills/zanwei-design-dna/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown-Badge
[](https://skillstore.io/skills/zanwei-design-dna?utm_source=security_passport_badge)HTML-Badge
<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>Einbettungskarte
<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>Wissenschaftliche Zitate (APA · BibTeX · CFF)
APA-Zitat
zanwei. (2026). design-dna security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/zanwei-design-dna/audits/1BibTeX-Zitat
@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"
Skillstore-Score
Warum dieser Score Evidenzvertrauen: MittelWas Sie erstellen können
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.
Diese Prompts ausprobieren
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.
Bewährte Praktiken
- 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.
Vermeiden
- 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.
Häufig gestellte Fragen
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?
Entwicklerdetails
Autor
zanweiLizenz
MIT
Skillstore-Revision
r1
Versionshinweis
Der Autor hat keine Version angegeben.
Ref.
9aec8a0368e9f91eaff93b746339683b0542ea3e
Aktualität der Wartung
15.8.2026
Nutzung
0 Downloads · 0 Aufrufe
Dateistruktur