oalders

Frontend Review — Design skill for Claude Code

Design community

Frontend code review for images, accessibility, responsive design, and CSS patterns.

How to install Frontend Review

Installs to ~/.claude/skills/oalders-kitchen-sink-frontend-review/SKILL.md

Terminal

mkdir -p ~/.claude/skills/oalders-kitchen-sink-frontend-review && curl -fsSL https://raw.githubusercontent.com/oalders/kitchen-sink/HEAD/commands/frontend-review.md -o ~/.claude/skills/oalders-kitchen-sink-frontend-review/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Frontend Review does

description: Frontend code review for images, accessibility, responsive design, and CSS patterns

Frontend Review

Overview

Frontend-focused code review for HTML/CSS/image changes, emphasizing: (1) Image optimization and accessibility, (2) Responsive design across viewports, (3) Visual regression, (4) CSS best practices. Spawns `general-purpose` subagent.

When to Use

Use when:

Converting image formats (JPEG → SVG, PNG → WebP, etc.)
Changing CSS styles or layouts
Updating

Alternatives in Design

CloudCLI — 8,400+ Free open-source web/mobile UI for Claude Code, Cursor CLI, and Codex 8.7k ★
Design Dna — Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visu 624 ★
Design Chatbot — Design a complete chatbot or conversational assistant UI — dialog flows, message bubbles, quick replies, typin 309 ★