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.0updated 10 days agodevelopment
/

Plugin ui-design-principles from marketplace cyface in cyface/cyface-claude-plugin-marketplace. Commands read from the repo's manifest — 9 days 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

More from cyface/cyface-claude-plugin-marketplace

All 4 plugins →

alpine-htmx

claude

Expert guidance for Alpine.js v3 and htmx (2.x and 4), an htmx 2-to-4 upgrade skill, an htmx debugging skill, and a proactive code reviewer for anti-patterns, accessibility, and security.

4 skills · 1 agent

1

foundryvtt-dev

claude

Expert guidance for FoundryVTT v14 system and module development — data models, Active Effects V2, ApplicationV2 sheets, Regions, Scene Levels, hooks, testing, and i18n. Includes a proactive code reviewer for deprecated patterns and common mistakes, plus a V13-to-V14 migration reference. Not affiliated with Foundry Gaming LLC.

2 skills · 1 agent

1

coolify

claude

Interact with a self-hosted Coolify instance via its REST API — manage applications, databases, deployments, servers, services, and projects.

1 skill

1

Similar plugins

superpowers

claudecodex

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

15 skills · hooks

obra/superpowers 316,836

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

context7

claudecodex

Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.

1 MCP server

upstash/context7 64,709

cli-anything

claude

Build powerful, stateful CLI interfaces for any GUI application using the cli-anything harness methodology.

5 commands

HKUDS/CLI-Anything 58,665

agent-browser

claude

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

12 skills

vercel-labs/agent-browser 50,373

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 plugins4 plugins