技能 design-dna

📦

design-dna

Name: design-dna
Author: zanwei

內容修訂 r1 中風險 🌐 網路存取⚙️ 外部命令

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.

支援: Claude Codex Code(CC)

📊 69 尚可

Maintain this Skill? Claim it 📊 69 尚可

使用我的智慧代理安裝

將此請求複製給你的智慧代理，其中包含權威 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.

你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。

Agent 可讀資源

當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。

Markdown 詳情 GET /skills/zanwei-design-dna.md 已簽名 manifest GET /api/skills/zanwei-design-dna/manifest 已簽名 lockfile GET /api/skills/zanwei-design-dna/lockfile

測試它

正在使用「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.

安全審計

中風險

v1 • 2026/8/13 開啟版本化報告

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,358

分析行數

複核項目

已忽略的誤報

已確認的安全問題 (1)

中

SKILL.md:41-46 SKILL.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.

能力複核項目 (3)

這些是真實的本機能力，對此技能而言可能是預期行為，因此需要複核，但不會按已確認的惡意行為計分。

低

references/generation-guide.md:185

Hardcoded URL

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.

低

references/generation-guide.md:188

Hardcoded URL

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.

低

references/generation-guide.md:191

Hardcoded URL

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.

風險因素

🌐 網路存取 (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

⚙️ 外部命令 (7)

SKILL.md:69 SKILL.md:70 SKILL.md:72 SKILL.md:73 SKILL.md:81 SKILL.md:82 SKILL.md:84

審計單位: codex

分享與引用此報告

分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。

開啟版本化報告

複製報告連結

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

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)

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/1

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"

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 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.

最佳實務

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.