claude

ui-excellence

Comprehensive UI/UX skills for web interfaces — 13 skills with triage coordinator spanning visual design, typography, accessibility, usability audits, conversion optimization, microinteractions, and engagement loops.

2 on GitHubby Fernando Bertholdov1.0.0-alpha.4MITupdated 3 days agodesign
/

Plugin ui-excellence from marketplace nbstack in fernando-bertholdo/nbstack. Commands read from the repo's manifest — 3 days ago.

What it installs

Skills (13)

  • coordinator

    Triage router for the ui-excellence plugin. Analyzes task context and routes to the right specialist skill(s) — often multiple at once. Use when building, reviewing, or refining any web UI: components, pages, layouts, forms, modals, animations, styles, audits, copywriting, or engagement design.

  • cro

    Audit websites and landing pages for conversion issues and design evidence-based A/B tests. Use when the user mentions "landing page isnt converting", "conversion rate", "A/B test", "why visitors leave", "objection handling", "bounce rate", "split testing", or "conversion funnel". Also trigger when

  • heuristics

    Evaluate and improve interface usability using heuristic analysis. Use when the user mentions "usability audit", "UX review", "users are confused", "heuristic evaluation", "form usability", "navigation problems", "Nielsen heuristics", "cognitive walkthrough", or "usability testing". Also trigger whe

  • copy

    Craft messages that are understood, remembered, and drive action using the SUCCESs checklist (Simple, Unexpected, Concrete, Credible, Emotional, Stories). Use when the user mentions "make it memorable", "sticky messaging", "tagline", "value proposition", "why the message isnt landing", "knowledge cu

  • hooked

    Design habit-forming product loops using the Hook Model (Trigger, Action, Variable Reward, Investment). Use when the user mentions "users arent coming back", "engagement loops", "habit formation", "push notifications", "variable rewards", "daily active users", "habit zone", or "user retention loops"

  • retention

    Diagnose and fix retention problems using behavior design (B=MAP). Use when the user mentions "users drop off", "activation rate", "onboarding friction", "retention metrics", "why users dont complete", "churn analysis", "user activation", or "aha moment". Also trigger when analyzing cohort retention

  • accessibility

    Use when building or reviewing UI components to ensure WCAG 2.1 compliance, keyboard navigation, semantic HTML, ARIA attributes, color contrast, and assistive technology support.

  • animation-motion

    Use when designing or reviewing UI animations, transitions, and motion interactions. Triggers for animation decisions, performance optimization, accessibility compliance, and gesture handling.

  • visual-polish

    Use when refining interface details (text wrapping, spacing, animations, shadows, alignment) to compound small visual improvements into polished, responsive experiences following Jakub Krehel's principles.

  • web-standards

    Use when reviewing or building web interfaces for accessibility compliance, component patterns, form handling, typography, performance, animations, and UX patterns aligned with modern web standards and Vercel's guidelines.

  • microinteractions

    Design the small details -- triggers, rules, feedback, loops and modes -- that separate good products from great ones. Use when the user mentions "microinteraction", "button feedback", "loading state", "toggle design", "animation detail", "interaction polish", "state transitions", or "input feedback

  • refactoring

    Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off", "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens

  • typography

    Select, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography", "web font loading", "type hierarchy", "variable fonts", "FOUT/FOIT", or "typographic scale". Also trigger when choosing between system fonts an

View source on GitHub

More from fernando-bertholdo/nbstack

All 8 plugins →

Auto-name your Claude Code sessions. A Stop hook watches your conversation, scores work-density deterministically, and asks Haiku for a `domain: clauses` title when meaningful work has accumulated. Seven /smart-rename subcommands give you manual override, anchoring, freeze/force, and inspection.

1 skill · hooks

2

Hibernate the Claude Code sessions across cmux workspaces: end the idle ones, which frees their memory, verify in cmux's autosave that they will not relaunch on reopen, and check or resume them afterwards.

1 skill

2

Adds structural guardrails to implementation plans — human checkpoints, risk registry, named guardrails, decision locks, multi-session protocol, and Codex review. Complements (does not replace) writing-plans. Works standalone; pairs with /codex:rescue. Vendored from tech-product-template, synced weekly.

1 skill

2

Generate a handoff prompt to resume development work in a new session. Use when sessions exceed ~150k tokens, when resuming after a pause, when switching tools, or on context shifts. Accepts a detail level (brief, standard, detailed). Auto-detects mode: opinionated when `.planning/` exists in the project root, generic otherwise.

1 skill

2

Companion to the official multica-cli skill, not a replacement: where the binary hides in a desktop-app install, how to reach it from a bridged Cowork/claude.ai session, the shell and JSON shapes the reference does not state, the platform limits, and the constraints of working a board governed by a repository that versions its Multica configuration.

1 skill

2

Generates optimized prompts for AI tools (LLMs, image/video AI, coding agents). Activates only on explicit prompt-engineering requests — not for general conversation or coding tasks. Vendored from nidhinjs/prompt-master via git subtree, kept in sync via weekly GitHub Action.

1 skill

2

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-excellence?

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