design-system
Use this skill to generate or audit design systems, check visual consistency, and review PRs involving styling.
Translation reviewedRead the original Chinese text
使用此技能生成或审计设计系统，检查视觉一致性，并审查涉及样式的PR。
Target: Design & content creation. Automatically collected · unverified.
Excerpt from the author’s documentation
Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.
Read the original Chinese text
Topics in the source
- 设计系统 — 生成与审查视觉系统
- 使用场景
- 工作原理
- 模式1：生成设计系统
- 模式2：视觉审查
- 模式3：AI生成内容检测
- 示例
启动需要设计系统的新项目 审查现有代码库的视觉一致性 在重新设计前——了解现有状况 当界面看起来"不对劲"但无法定位原因时 审查涉及样式修改的PR 分析代码库并生成统一的设计系统： 输出：DESIGN.md + design-tokens.json + design-preview.html 从10个维度对界面进行评分（每项0-10分）： 每个维度都会获得评分、具体示例以及包含精确文件:行号的修复方案。 识别通用的AI生成设计模式： 为SaaS应用生成设计系统： 审查现有界面： 检测AI生成内容：
- Source repository
- affaan-m/ECC
- Source file
- docs/zh-CN/skills/design-system/SKILL.md
- Fixed revision
- d2ef2680594f9a17526a6e1a2e18b3d242c5d17b
Sources and evidence
This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.
Author: affaan-m/ECC · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-09T14:01:50.318Z.
Categories are inferred from names, descriptions and paths. They do not establish compatibility.
License and attribution
MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.
Original license ↗Synchronization, copying and user-reported success do not mark a resource as runtime-tested.
Limitations and notes
- Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.