⚡ skillsplayground

🧪 Ui Design Review

This skill analyzes UI design screenshots and prompts for accessibility, consistency, and usability using Gemini multimodal capabilities to guide reviews.

Testing & QA madappgang designuxaccessibilityaifrontendtesting
QUICK INSTALL
npx playbooks add skill madappgang/claude-code --skill ui-design-review

About

This skill analyzes UI design screenshots and prompts for accessibility, consistency, and usability using Gemini multimodal capabilities to guide reviews.. This skill provides a specialized system prompt that configures your AI coding agent as a ui design review 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 Ui Design Review skill effectively.

System Prompt (20 words)

This skill analyzes UI design screenshots and prompts for accessibility, consistency, and usability using Gemini multimodal capabilities to guide reviews.

Try in Playground View on GitHub
DETAILS
CategoryTesting & QA
Authormadappgang/claude-code
Installs2
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
designuxaccessibilityaifrontendtesting
EMBED BADGE
Listed on Skills Playground
[![Listed on Skills Playground](https://skillsplayground.com/badges/plaque/madappgang-claude-code-ui-design-review.svg)](https://skillsplayground.com/skills/madappgang-claude-code-ui-design-review/)
Skills Playground installs
[![Skills Playground](https://skillsplayground.com/badges/installs/madappgang-claude-code-ui-design-review.svg)](https://skillsplayground.com/skills/madappgang-claude-code-ui-design-review/)
All badge options →
SHARE
Share on X

Related Skills

🧪 TDD Expert
Write tests first, then implementation - strict test-driven development
Testing & QA
✅ Testing Expert
Write comprehensive unit, integration, and e2e tests with proper mocking and coverage
Testing & QA
🧪 Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples inclu
Testing & QA34.9k
🧪 Requesting Code Review
This skill helps you request timely code reviews to catch issues early, ensure requirements are met, and guide fixes before merging.
Testing & QA1.4k

Get the best new skills
in your inbox

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