claude

ui-design-principles

Expert UI/UX design guidance based on Universal Principles of Design — visual hierarchy, interaction patterns, cognitive load, accessibility, and layout. Includes a proactive design reviewer.

1 on GitHubby Tim Whitev1.0.0MITupdated 5 months ago

Not in a marketplace yet, so it loads for one session with --plugin-dir.

Plugin ui-design-principles in cyface/ui-design-principles-claude-plugin. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (1)

  • ui-design-principles

    This skill should be used when the user asks about "UI design", "UX design", "design principles", "usability", "visual hierarchy", "layout principles", "accessibility design", "Fitts' Law", "Hick's Law", "cognitive load", "information architecture", "visual design", "interaction design", "affordance

Subagents (1)

  • ui-design-reviewer

    Use this agent to review frontend code (HTML, CSS, JSX, Vue, Svelte, or component files) for UI/UX design principle violations including visual hierarchy issues, accessibility problems, interaction design anti-patterns, and layout inconsistencies. This agent should be used proactively after writing

View source on GitHub

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

daisyui

claudecodex

daisyUI component library skill

7 skills

saadeghi/daisyui 42,821

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

9 skills · 1 command · 8 agents

wshobson/agents 42,461

Zero-dependency HTML presentation generator with safe presets, bold template-library styles, PPT conversion, and anti-AI-slop design philosophy.

1 skill

zarazhangrui/frontend-slides 32,274

kami

claudecodex

Typeset professional documents and landing pages with the Kami design system.

1 skill

tw93/Kami 12,530

Maintain ui-design-principles?

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 pluginslisted