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-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «design-dna». Analyze a screenshot of a compact analytics dashboard.
Ожидаемый результат:
Использование «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.
Это реальные локальные возможности, которые могут ожидаться для этого навыка, поэтому они требуют проверки, но не считаются подтверждённым вредоносным поведением.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/zanwei-design-dna/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/zanwei-design-dna?utm_source=security_passport_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><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>zanwei. (2026). design-dna security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/zanwei-design-dna/audits/1@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}
}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"
Convert approved screens into reusable tokens, style guidance, component patterns, and effect specifications.
Analyze references and apply their visual language to new content without copying the original structure.
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.
Автор
zanweiЛицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Ссылка
9aec8a0368e9f91eaff93b746339683b0542ea3e
Актуальность поддержки
16.08.2026
Использование
0 загрузок · 0 просмотров
Структура файлов
Build Consistent Design Systems and Slides
от nextlevelbuilder
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
Выделение переиспользуемых паттернов дизайн-системы
от pbakaus
Команды часто дублируют UI-компоненты, токены и паттерны компоновки в приложении. Этот навык помогает Claude, Codex или Claude Code находить переиспользуемые паттерны и консолидировать их в сопровождаемую дизайн-систему.
Улучшайте UX с помощью дизайн-рекомендаций на основе исследований
от shubhamsaboo
Команды часто проектируют сценарии на основе предположений и упускают проблемы доступности. Этот навык помогает с исследованиями, структурой, дизайном взаимодействия и ревью, используя лучшие практики UX.
Check designs with deterministic CSS rules
от cubha
Design reviews can vary between reviewers and slow down delivery. This skill applies repeatable checks to HTML and CSS so teams can catch token, layout, and accessibility issues before release.
Улучшение визуального дизайна фронтенда
от Barnhardt-Enterprises-Inc
Типовые фронтенд-экраны часто выглядят одинаково и не делают акцент на бренде. Этот навык помогает выбирать типографику, цвет, движение и глубину для более понятных интерфейсов.
Проектируйте доступные интерфейсы продуктов
от sickn33
Командам часто сложно преобразовать потребности пользователей в согласованные и доступные интерфейсы. Этот навык помогает с исследованиями, сценариями, дизайн-системами, токенами и передачей в разработку.