claudecodex

web-design-guidelines

Design, implement, and review web interfaces with shared UI guidance

8 on GitHubby mrclrchtrv0.6.0updated 16 days ago
/

Plugin web-design-guidelines from marketplace mrclrchtr-skills in mrclrchtr/skills. Commands read from the repo's manifest — 16 days ago.

What it installs

Skills (2)

  • review

    Delegate UI code reviews to a subagent. Reviews components, pages, git changes, or specification files using web design guidelines.

  • web-design-guidelines

    Design, implement, and review web interfaces with shared UI guidance. Use whenever creating, redesigning, restyling, building, modifying, or reviewing frontend UI, components, pages, or UI diffs, including requests about design direction, interactions, accessibility, forms, motion, performance, resp

Slash commands (1)

  • /web-design-guidelines:review

    Review UI code, diffs, or specifications against the web design guidelines.

Subagents (1)

  • ui-reviewer

    Use this agent when reviewing UI code for design guideline violations. Spawned by the `/web-design-guidelines:review` command. <example> Context: User wants to review uncommitted changes user: "/web-design-guidelines:review" assistant: "I'll spawn the ui-reviewer agent to review uncommitted changes.

View source on GitHub

More from mrclrchtr/skills

All 4 plugins →

commit

claude

Create a safe, intentional git commit. Detect the repository's commit convention, stage only the intended changes, write a concise subject, add a brief body when useful, and commit without rewriting history.

1 skill

8

react-testing-techniques

claude

Best practices for testing React components with Vitest, React Testing Library, and MSW

1 skill

8

skill-creator

claude

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Codex's capabilities with specialized knowledge, workflows, or tool integrations.

1 skill

8

Similar plugins

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

pake

claudecodex

Package any website or local web build into a lightweight desktop app with Pake CLI.

1 skill

tw93/Pake 63,463

agent-browser

claude

Automates browser interactions for web testing, form filling, screenshots, and data extraction

12 skills

vercel-labs/agent-browser 50,373

daisyui

claudecodex

daisyUI component library skill

7 skills

saadeghi/daisyui 42,821

backend-development

claudecodex

Backend API design, GraphQL architecture, workflow orchestration with Temporal, and test-driven backend development

9 skills · 1 command · 8 agents

wshobson/agents 42,461

Maintain web-design-guidelines?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins4 plugins