‹ 首页

teach-impeccable

@jiaxuanzou0714 · 收录于 1 周前 · 上游提交 3 周前

One-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish persistent design guidelines.

场景项目初始化设计规范

适合你，如果希望AI助手记住你的项目设计偏好

/ 下载安装
https://github.com/jiaxuanzou0714/jiaxuanzou0714.github.io/tree/master/.agents/skills/teach-impeccable ↗
/ 通过 npx 安装 校验哈希
npx oh-my-skill add jiaxuanzou0714/jiaxuanzou0714.github.io/teach-impeccable
/ 通过 bash 安装
curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- jiaxuanzou0714/jiaxuanzou0714.github.io/teach-impeccable
/ 已经装过?验证本机副本,不用重装
npx oh-my-skill verify jiaxuanzou0714/jiaxuanzou0714.github.io/teach-impeccable
安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。
5GitHub stars
~551上下文体积 · 单文件
索引托管

怎么用

商店整理自技能原文 · 版本 fec4a3f · 表述以原文为准
它做什么

安装后，Claude 会先扫描项目代码库，然后询问你关于用户、品牌和设计偏好的问题，最后将设计上下文写入 CLAUDE.md 文件，使后续对话始终遵循这些设计准则。

什么时候触发

当你首次为项目设置设计指南时触发。通常在你要求 Claude 开始设计工作之前运行一次。

装好后可以这样说
Claude 会扫描代码并提问。
Claude 会询问品牌和用户信息。
技能原文 SKILL.md作者撰写 · MIT · fec4a3f

Gather design context for this project, then persist it for all future sessions.

Step 1: Explore the Codebase

Before asking questions, thoroughly scan the project to discover what you can:

  • README and docs: Project purpose, target audience, any stated goals
  • Package.json / config files: Tech stack, dependencies, existing design libraries
  • Existing components: Current design patterns, spacing, typography in use
  • Brand assets: Logos, favicons, color values already defined
  • Design tokens / CSS variables: Existing color palettes, font stacks, spacing scales
  • Any style guides or brand documentation

Note what you've learned and what remains unclear.

Step 2: Ask UX-Focused Questions

STOP and call the AskUserQuestionTool to clarify. Focus only on what you couldn't infer from the codebase:

Users & Purpose
  • Who uses this? What's their context when using it?
  • What job are they trying to get done?
  • What emotions should the interface evoke? (confidence, delight, calm, urgency, etc.)
Brand & Personality
  • How would you describe the brand personality in 3 words?
  • Any reference sites or apps that capture the right feel? What specifically about them?
  • What should this explicitly NOT look like? Any anti-references?
Aesthetic Preferences
  • Any strong preferences for visual direction? (minimal, bold, elegant, playful, technical, organic, etc.)
  • Light mode, dark mode, or both?
  • Any colors that must be used or avoided?
Accessibility & Inclusion
  • Specific accessibility requirements? (WCAG level, known user needs)
  • Considerations for reduced motion, color blindness, or other accommodations?

Skip questions where the answer is already clear from the codebase exploration.

Step 3: Write Design Context

Synthesize your findings and the user's answers into a ## Design Context section:

## Design Context

### Users
[Who they are, their context, the job to be done]

### Brand Personality
[Voice, tone, 3-word personality, emotional goals]

### Aesthetic Direction
[Visual tone, references, anti-references, theme]

### Design Principles
[3-5 principles derived from the conversation that should guide all design decisions]

Write this section to CLAUDE.md in the project root. If the file exists, append or update the Design Context section.

Confirm completion and summarize the key design principles that will now guide all future work.

按 MIT 许可原样转载,未经改动 · 在 GitHub 查看 →

评论

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。
…