design-system-architecture SKILL.md skillA
design-system-architecture from devcodex-labs/devcodex is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add devcodex-labs/devcodex/design-system-architecture@git:20260730.6ee304aPins git:20260730.6ee304a in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- devcodex-labs/devcodex
- Path
content/skills/design-system-architecture/SKILL.md- Versions recorded
- 1
- Latest version
- git:20260730.6ee304a, committed Jul 30, 2026
- Size
- 3,618 bytes
- Repository stars
- 432
- License
- AGPL-3.0
设计系统架构专家 Owner — 当任务涉及设计系统、主题、Token、组件变体、Figma/代码同步、UI 一致性、可访问性、国际化、品牌视觉或组件库治理时使用；要求把视觉规则沉淀为可复用、可验证的系统契约。.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Design System Architecture Skill ## 定位 本 Skill 负责设计系统 Owner 视角。它不替代单页 UI 实现，而是把 token、主题、组件变体、设计源和治理规则变成长期可维护的系统契约。 ## 触发条件 | 场景 | 是否触发 | |------|:--------:| | 设计系统、主题、Token、组件库、组件变体、Figma/代码同步、品牌视觉 | 必须 | | 任务涉及多页面 UI 一致性、样式主题、可访问性、国际化或设计资产进入生产 | 必须 | | 前端方案需要定义复用组件或视觉规范 | 必须 | | 单次页面文案微调且不影响组件/主题 | N/A + skipReason | ## 核心门禁 | Gate | 要求 | 证据 | |------|------|------| | `DesignSystemArchitectureGate` | Token、组件变体、主题、一致性、设计源和治理必须成矩阵 | designTokens、componentVariantModel | | `DesignTokenGate` | 颜色、字体、间距、圆角、阴影和语义 token 必须有来源 | designTokens | | `ComponentVariantGate` | 组件状态、尺寸、密度、禁用、错误、加载必须定义 | componentVariantModel | | `ThemeConsistencyGate` | 主题与品牌视觉不能一页一套 | themeConsistency | | `FigmaCodeSyncGate` | 设计源、代码实现、资产预算和验收入口必须可追踪 | figmaCodeSync | ## 执行步骤 1. 识别设计源：Figma、现有页面、组件库、品牌规范、代码 token。 2. 建立 token 和主题矩阵：语义、状态、暗色/亮色、响应式。 3. 建立组件变体模型：状态、尺寸、密度、错误、加载、交互。 4. 评估可访问性、国际化和生产资产预算。 5. 把设计系统变更同步到文档、组件示例、测试或视觉证据。 ## 输出字段 ```markdown ## DesignSystemArchitectureGate | 字段 | 内容 | |------|------| | designTokens | 颜色、字体、间距、圆角、语义 token | | componentVariantModel | 组件变体、状态、尺寸、密度 | | themeConsistency | 主题、品牌、页面一致性 | | accessibilityI18nBoundary | 无障碍、键盘、屏幕阅读器、国际化边界 | …
Read the whole file at its exact version.
How to install
mdr add devcodex-labs/devcodex/design-system-architecture@sha256:6ac2efaf27c70710The line at the top of this page pins the label git:20260730.6ee304a, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_vaushj4v5kd3izjk)
5 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Jul 30, 2026.
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (3618 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
devcodex-labs/devcodex · 432 stars · license AGPL-3.0 · pushed 2026-10-27 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_vaushj4v5kd3izjk GET https://markdownregistry.com/api/v1/resolve?ref=devcodex-labs/devcodex/design-system-architecture GET https://markdownregistry.com/api/v1/blob/6ac2efaf27c707104ab89385ff514ce4384c3b497d033315c034b61057cff3bf
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.