Menu
何时使用系统化的 UI 样式约束来实现高质量界面，特别是在你需要统一组件样式、响应式布局、可访问性、主题定制，或避免平庸 AI 风格前端时使用。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
何时使用需要为编程项目、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