·frontend-design-review
</>

frontend-design-review

Design principles and review methodology for UI/UX work. Use when building new interfaces, reviewing visual changes, or validating design quality. Contains best practices for visual polish, accessibility (WCAG 2.1 AA), responsive design, component standards, and interaction patterns. Works both as a development guide and a review checklist. Produces structured reports with prioritized findings.

9Installs·0Trend·@petbrains

Installation

$npx skills add https://github.com/petbrains/mvp-builder --skill frontend-design-review

How to Install frontend-design-review

Quickly install frontend-design-review AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-design-review
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: petbrains/mvp-builder.

SKILL.md

View raw

Design principles and quality standards for building and reviewing user interfaces.

Users First Every design decision should serve user needs. Prioritize clarity over cleverness, and optimize for the most common workflows. When in doubt, choose the option that reduces user effort.

Meticulous Craft Small details compound into overall quality. Consistent spacing, aligned elements, and polished interactions signal care and build trust. Sweat the details that users feel but may not consciously notice.

Design principles and review methodology for UI/UX work. Use when building new interfaces, reviewing visual changes, or validating design quality. Contains best practices for visual polish, accessibility (WCAG 2.1 AA), responsive design, component standards, and interaction patterns. Works both as a development guide and a review checklist. Produces structured reports with prioritized findings. Source: petbrains/mvp-builder.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-design-review
Category
</>Dev Tools
Verified
First Seen
2026-02-25
Updated
2026-03-10

Browse more skills from petbrains/mvp-builder

Quick answers

What is frontend-design-review?

Design principles and review methodology for UI/UX work. Use when building new interfaces, reviewing visual changes, or validating design quality. Contains best practices for visual polish, accessibility (WCAG 2.1 AA), responsive design, component standards, and interaction patterns. Works both as a development guide and a review checklist. Produces structured reports with prioritized findings. Source: petbrains/mvp-builder.

How do I install frontend-design-review?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-design-review Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/petbrains/mvp-builder