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.
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
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.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「design-dna」を使用しています。 Analyze a screenshot of a compact analytics dashboard.
期待される結果:
- 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」を使用しています。 Apply an approved Design DNA profile to product launch content.
期待される結果:
A responsive page using the specified tokens, composition, components, visual effects, reduced-motion behavior, and lightweight fallbacks.
「design-dna」を使用しています。 Compare three references that use different motion styles.
期待される結果:
A combined profile that identifies the dominant interaction pattern, preserves useful variants, and flags conflicting timing and intensity choices.
セキュリティ監査
中リスク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.
確認済みのセキュリティ上の懸念 (1)
機能レビュー項目 (3)
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
リスク要因
🌐 ネットワークアクセス (9)
⚙️ 外部コマンド (7)
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/zanwei-design-dna/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/zanwei-design-dna?utm_source=security_passport_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>埋め込みカード
<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>学術引用 (APA · BibTeX · CFF)
APA形式の引用
zanwei. (2026). design-dna security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/zanwei-design-dna/audits/1BibTeX形式の引用
@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 スコア
このスコアの理由 証拠の信頼度: 中作成できるもの
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.
これらのプロンプトを試す
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.
ベストプラクティス
- 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.
回避
- 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.
よくある質問
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?
開発者情報
作成者
zanweiライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
9aec8a0368e9f91eaff93b746339683b0542ea3e
メンテナンスの新しさ
2026/8/13
利用状況
0 ダウンロード · 0 閲覧
ファイル構成