·review-web-design
</>

review-web-design

✓
pjt222/development-guidesGitHub: pjt222/development-guidesSource: pjt222/development-guides

Review web design for layout quality, typography, colour usage, spacing, responsive behaviour, brand consistency, and visual hierarchy. Covers design principles evaluation and improvement recommendations. Use when reviewing a design mockup before development, assessing an implemented site for design quality, providing feedback during a design review session, evaluating brand consistency, or checking responsive behaviour across breakpoints.

pjt222·review·web·design
11Installs·1Trend·@pjt222

Installation

GitHub: pjt222/development-guides
$npx skills add https://github.com/pjt222/development-guides --skill review-web-design

How to Install review-web-design

Quickly install review-web-design 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/pjt222/development-guides --skill review-web-design
  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: pjt222/development-guides.

SKILL.md

View raw

Evaluate a web design for visual quality, consistency, and effectiveness across devices.

Visual hierarchy guides the user's eye through content in order of importance.

Expected: Each major page/section assessed for clear visual hierarchy. On failure: If mockups are unavailable, assess from live code using browser dev tools.

Review web design for layout quality, typography, colour usage, spacing, responsive behaviour, brand consistency, and visual hierarchy. Covers design principles evaluation and improvement recommendations. Use when reviewing a design mockup before development, assessing an implemented site for design quality, providing feedback during a design review session, evaluating brand consistency, or checking responsive behaviour across breakpoints. Source: pjt222/development-guides.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/pjt222/development-guides --skill review-web-design
Source
pjt222/development-guides
Category
</>Dev Tools
Verified
✓
First Seen
2026-03-10
Updated
2026-03-11
URL
https://www.learn-skills.dev/en/skills/pjt222/development-guides/review-web-design

Browse more skills from pjt222/development-guides

Quick answers

What is review-web-design?

Review web design for layout quality, typography, colour usage, spacing, responsive behaviour, brand consistency, and visual hierarchy. Covers design principles evaluation and improvement recommendations. Use when reviewing a design mockup before development, assessing an implemented site for design quality, providing feedback during a design review session, evaluating brand consistency, or checking responsive behaviour across breakpoints. Source: pjt222/development-guides.

How do I install review-web-design?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/pjt222/development-guides --skill review-web-design 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/pjt222/development-guides

Details

Category
</>Dev Tools
Source
skills.sh
First Seen
2026-03-10

Related Skills

review-ux-ui
14 Installs
gratitude
11 Installs
awareness
11 Installs
create-work-breakdown-structure
11 Installs
repair-broken-references
11 Installs
repair-damage
11 Installs