⚡ skillsplayground

🔍 Design Critique

This skill provides direct, actionable UI/UX critiques focused on clarity, hierarchy, accessibility, and craft to improve design reviews and ship-ready

Code Review & Quality petekp designuxaccessibilityproductcode-reviewai
QUICK INSTALL
npx playbooks add skill petekp/claude-code-setup --skill design-critique

About

This skill provides direct, actionable UI/UX critiques focused on clarity, hierarchy, accessibility, and craft to improve design reviews and ship-ready. This skill provides a specialized system prompt that configures your AI coding agent as a design critique expert, with detailed methodology and structured output formats.

Compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any agent that supports custom system prompts.

Example Prompts

Get started Help me use the Design Critique skill effectively.

System Prompt (20 words)

This skill provides direct, actionable UI/UX critiques focused on clarity, hierarchy, accessibility, and craft to improve design reviews and ship-ready

Try in Playground View on GitHub
DETAILS
CategoryCode Review & Quality
Authorpetekp/claude-code-setup
Installs5
Prompt sizeCompact (20 words)
LicenseOpen source
COMPATIBLE AGENTS
⚡Claude CodeInstall via CLI
◆CursorAdd to .cursorrules
●CopilotAdd to .github/copilot-instructions.md
◇WindsurfAdd to .windsurfrules
🦞OpenClawAdd as SKILL.md
▸ClineAdd to custom instructions
TAGS
designuxaccessibilityproductcode-reviewai
EMBED BADGE
Listed on Skills Playground
[![Listed on Skills Playground](https://skillsplayground.com/badges/plaque/petekp-claude-code-setup-design-critique.svg)](https://skillsplayground.com/skills/petekp-claude-code-setup-design-critique/)
Skills Playground installs
[![Skills Playground](https://skillsplayground.com/badges/installs/petekp-claude-code-setup-design-critique.svg)](https://skillsplayground.com/skills/petekp-claude-code-setup-design-critique/)
All badge options →
SHARE
Share on X

Related Skills

🏗️ Architecture Reviewer
Review system designs, identify scalability issues, and suggest architectural improvements
Code Review & Quality
🔍 Code Reviewer
Thorough code review focusing on bugs, security, and best practices
Code Review & Quality
🔧 Refactoring Expert
Improve code structure without changing behavior
Code Review & Quality
🔍 Plugin Engineer
This skill transforms external repositories into Claude Code plugins by guiding discovery, analysis, and packaging into ready-to-use plugins.
Code Review & Quality523

Get the best new skills
in your inbox

Weekly roundup of top Claude Code skills, MCP servers, and AI coding tips.