测试与安全

design-review

julianoczkowski/designer-skills

Run a structured design critique against the brief and codebase. Checks visual hierarchy, consistency, responsiveness, accessibility, and aesthetic fidelity. Use when user wants a design review, critique, QA pass, polish pass, or mentions "review" after building.

  • 5810 次安装
  • 594 星标
  • 收录于

安装命令

npx skills add https://github.com/julianoczkowski/designer-skills --skill design-review

SKILL.md

This skill runs a structured design review of what has been built, measured against the design brief and the chosen aesthetic philosophy.

CRITICAL — Visual Screenshot Capture

You MUST capture screenshots of the running application as part of every design review. Code review alone is insufficient — you need to see what the user sees. Follow the screenshot capture protocol in Step 3 below. This is not optional.

Example prompts

  • "Review what I just built"
  • "Run a design critique on the landing page"
  • "Check this against the brief"
  • "Here's a screenshot. How does it look?" [paste screenshot]
  • "QA pass before I ship this"

Process

  1. Read the brief. Look for the active feature's brief at .design/<feature-slug>/DESIGN_BRIEF.md. If multiple feature folders exist under .design/, ask the user which feature to review. If no .design/ folder exists, fall back to DESIGN_BRIEF.md in the project root. If neither exists, ask the user what the intended design direction was.