菜单
Run a structured design critique on a screen, mockup, component, or Figma file. Use whenever the user asks for design review, design feedback, design critique, design check, or wants someone to look at a screen and say what's working and what isn't.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Audit a brand's full identity (logo, typography, color, voice, visual language) for consistency, distinctiveness, and gap. Use when the user asks for a brand audit, identity review, brand health check, or wants to evaluate how a brand shows up across surfaces.
Plan a content calendar tied to product, brand, or marketing goals. Use when the user asks for a content plan, editorial calendar, content strategy, posting schedule, or wants to map content to themes and audiences over a period of time.
Write a sequence of emails for onboarding, nurture, sales, lifecycle, or launch. Use when the user asks for a drip campaign, email sequence, welcome series, onboarding emails, sales cadence, or any multi-email flow tied to a goal.
Design an a/b test or experiment including hypothesis, metrics, sample size, and analysis plan. Use whenever the user mentions a/b test, experiment, split test, multivariate test, or needs to design a test that produces a decision-quality result.
Audit a design or component for WCAG accessibility compliance. Use whenever the user mentions a11y, accessibility audit, WCAG check, contrast issues, keyboard navigation, screen reader support, focus order, or asks if a design is accessible.
Extract a brand voice guide from existing copy samples. Use whenever the user shares past copy and asks to define a voice, document a voice, create voice guidelines, or wants to make their existing voice teachable and repeatable.
| name | design-review |
| description | Run a structured design critique on a screen, mockup, component, or Figma file. Use whenever the user asks for design review, design feedback, design critique, design check, or wants someone to look at a screen and say what's working and what isn't. |
a structured pass over a single screen or flow. fast, opinionated, prioritized.
run the seven checks in order. don't skip ahead. notes for the user after each.
stand back. what's the first thing your eye lands on? is it the most important thing on this screen?
is the layout on a grid? 8px is the default. 4px is the half-step.
how many sizes and weights are in play?
how many distinct values? cluster near-duplicates.
scan vertical edges. do columns line up? do baseline of headers align with adjacent content?
is content fighting for attention, or does whitespace do work?
is it obvious what's interactive? do buttons look like buttons?
hierarchy: [pass | concern | fail] — one sentence
spacing: [pass | concern | fail] — values to fix
type: [pass | concern | fail] — sizes to consolidate
color: [pass | concern | fail] — duplicates and contrast issues
alignment: [pass | concern | fail] — where it breaks
density: [pass | concern | fail] — where to breathe
affordance: [pass | concern | fail] — what's unclear
top three to fix:
1. [most impactful change]
2. [second]
3. [third]