UI/UX foundations for web interfaces. This alpha ships 4 skills: animation/motion, visual polish, web standards, and accessibility (WCAG 2.1 AA).
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.
Use when designing or reviewing UI animations, transitions, and motion interactions. Triggers for animation decisions, performance optimization, accessibility compliance, and gesture handling.
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.
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.
Curated plugins for AI-assisted work — focused on craft, rigor, and practical excellence.
A personal marketplace of Claude Code plugins by Fernando Bertholdo.
| Plugin | Version | Description |
|---|---|---|
ui-excellence | 1.0.0-alpha.1 | Comprehensive UI/UX craft, audit, and strategy skills for web interfaces. |
More plugins are planned — see the roadmap below.
There are three ways to install plugins from this marketplace, depending on your use case.
Inside a Claude Code session, register the marketplace and install the plugin you want:
/plugin marketplace add fernando-bertholdo/4-successful-AI-life
/plugin install ui-excellence@4-successful-ai-life
/reload-plugins
After reload, skills become invocable under the plugin namespace:
/ui-excellence:animation-motion
/ui-excellence:visual-polish
/ui-excellence:web-standards
/ui-excellence:accessibility
Clone this repository and add the local path as a marketplace:
git clone https://github.com/fernando-bertholdo/4-successful-AI-life.git
cd 4-successful-AI-life
Then, inside a Claude Code session launched from the clone directory:
/plugin marketplace add ./
/plugin install ui-excellence@4-successful-ai-life
/reload-plugins
This mode is useful when you want to hack on a plugin locally before pushing changes.
--plugin-dir (quick single-plugin test)Bypass the marketplace entirely and load a single plugin directly:
claude --plugin-dir ./plugins/ui-excellence
This mode is handy for validating a plugin in isolation without touching your global marketplace registry.
settings.jsonTo auto-install the plugin in a project, add to .claude/settings.json:
{
"extraKnownMarketplaces": {
"4-successful-ai-life": {
"source": {
"source": "github",
"repo": "fernando-bertholdo/4-successful-AI-life"
}
}
},
"enabledPlugins": {
"ui-excellence@4-successful-ai-life": true
}
}
Claude Code will prompt you to trust the marketplace on first open, then keep the plugin available across sessions.
4-successful-AI-life/
├── .claude-plugin/
│ └── marketplace.json ← marketplace manifest
├── README.md ← this file
├── LICENSE ← MIT (repository level)
├── CHANGELOG.md ← marketplace release history
└── plugins/
└── ui-excellence/ ← first plugin
├── .claude-plugin/
│ └── plugin.json ← plugin manifest with skills array
├── README.md ← plugin docs
├── LICENSE ← MIT (plugin level)
├── CHANGELOG.md ← plugin release history
└── skills/
└── foundations/ ← current v1.0.0-alpha.1 scope
├── animation-motion/
├── visual-polish/
├── web-standards/
└── accessibility/
Each plugin is fully self-contained under plugins/<name>/ and has its own manifest, docs, license, and changelog.
ui-excellence v1.0.0 — Expand foundations (4 skills) with adopted wondelai/skills content (8 skills) plus a coordinator with routing logic and path-targeting. See project-level planning in the consumer repos.planning-suite, sync-toolkit, design-sprint, and other focused bundles extracted from long-running workflows.MIT — see LICENSE.
Individual plugins may carry additional attribution in their own LICENSE files when they incorporate third-party content.
This marketplace is currently maintained for personal and project-specific use. External contributions are not actively solicited, but issues and discussion are welcome on the GitHub issue tracker.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Workflows do Second Brain de Fernando — INGEST, QUERY, LINT, AUTORESEARCH, SAVE, GAP-REVIEW — como skills auto-triggeráveis + slash commands.
npx claudepluginhub fernando-bertholdo/4-successful-ai-life --plugin ui-excellenceExpert UI/UX design guidance for unique, accessible interfaces. Always-ask-first protocol for visual decisions, colors, typography, layouts.
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Design fluency for frontend development. 1 skill with 23 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.
UX co-pilot — conversational UX designer with live preview. 376 rules, 161 palettes, 57 font pairings, 67 styles. Phases: Discovery (ABCD questions), Audit (code scan + scored report), Preview (local server + named versions), Export (spec + React/Svelte/Vue components).
A full design suite for Claude Code: 58 brand design systems + UI/UX, accessibility, motion, design guidelines, visual taste, web quality (Lighthouse/Core Web Vitals), and full design-process skills. Bundles Playwright MCP for in-browser verification. Auto-selects skills based on your project type.
Design intelligence engine for AI coding. v3 ships THE BRAIN: a deterministic 7-axis synthesizer (warmth, contrast, density, geometry, formality, motion, type_personality) that compiles a novel design language per brief — no LLM calls, fully offline, closed-loop learning via a local decisions ledger. 1,243 structured entries, 160 real brand specs treated as training data, 152 anti-pattern rules, 25 slash commands, 18 MCP tools (incl. ux_synthesize, ux_decisions_query, ux_decisions_stats), 5 sub-agents. Three auto-dispatched modes: strict_brand (100% reference brand tokens), brand_anchor (70/30 blend), pure_synthesis (8 axis-distilled exemplars). /ux-evolve runs lint→polish→re-lint to score ≥ 90. Cross-IDE via pip/npx — runs in 17 environments including Claude Code, Cursor, Windsurf, Copilot, Gemini CLI, Codex, Cline, Continue, Aider, Zed. Anti-AI-slop by default. 0 telemetry.