菜单
何时使用系统化的 UI 样式约束来实现高质量界面，特别是在你需要统一组件样式、响应式布局、可访问性、主题定制，或避免平庸 AI 风格前端时使用。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
何时使用需要为编程项目、monorepo 或多级目录创建/更新 AGENTS.md、CLAUDE.md 软链接、项目级 agent 操作手册、子目录局部规则、验证命令和 Coding Agent 上下文边界时使用。
分析代码库结构并生成中文 token-lean 架构文档。
用于构建或维护个人 LLM 驱动的知识库。触发词：将资料导入 wiki、查询 wiki 知识、检查 wiki 质量、'添加到 wiki'、'我了解什么关于'，或任何提到 'LLM wiki' 的场景。
当有书面实施计划要在单独会话中执行并带审查检查点时使用
用户明确要求隔离工作区、并行分支验证或临时试验时使用 - 创建隔离的 git worktree
开始开发编程相关对话时使用 - 建立如何查找和使用 skills，在做出任何响应前要求先检查适用的 skill
| name | dev-ui-styling |
| description | 何时使用系统化的 UI 样式约束来实现高质量界面，特别是在你需要统一组件样式、响应式布局、可访问性、主题定制，或避免平庸 AI 风格前端时使用。 |
这个 skill 关注“怎么把界面做对”，不是讲业务逻辑。重点是组件样式、布局、可访问性和视觉一致性。
设计系统
->
布局骨架
->
组件样式
->
交互状态
->
可访问性与响应式收口
hover / focus / active / disableddev-design-systemdev-design-systemdev-frontend-patterns