fuse-design
Design Director for complete apps, sites, and SaaS. Multi-stack support (React/shadcn, Laravel/Livewire Flux, Swift/SwiftUI). Identity System, page layouts, motion system, palette generator, design audit. Anti-AI-Slop, WCAG 2.2, Gemini Design MCP.
pinned to #7749d4dupdated 2 weeks ago
Ask your AI client: “install plugins/fuse-design”.
Requires the metahub MCP server installed in your client. Set up MCP.
mh install plugins/fuse-designmetahub onboarded this repo on the author's behalf.
If you own github.com/fusengine/agents on GitHub, claim the listing to take over publishing. Your claim preserves the existing eval history and badges; only the curator label is replaced with verified-publisher on your next publish.
Stars
19
Last commit
2 weeks ago
Latest release
published
- #claude-agent
- #claude-agents
- #claude-code
- #claude-code-plugin
- #claude-skills
- #claudeagent
- #claudecode
Evaluation report
WarningsAutomated checks the publisher passed at publish time — structure, docs, safety, and whether the artifact behaves as claimed.7749d4d· 2 weeks ago
Kind-specific
31Plugin: manifest fields complete
Plugin: bundled artifacts presentwarn
Couldn't find a skills/ subdir or an MCP server config inside the plugin
A plugin is most useful when it bundles ≥ 1 skill or an MCP server.
Plugin: bundle shape
empty bundle
Plugin: manifest location
manifest at plugin.json
Release history
1- releasecurrent7749d4dwarn2 weeks ago
Contents
Design Expert Plugin
Expert UI/UX design for React/Next.js with Tailwind CSS, shadcn/ui and 21st.dev.
ZERO TOLERANCE for generic "AI slop" aesthetics.
Main Agent
- design-expert - Design orchestrator with 4 skills and anti-AI slop system
4-Pillar Framework
1. Typography
Fonts FORBIDDEN: Inter, Roboto, Arial, Open Sans, system fonts
Fonts APPROVED: Clash Display, Playfair Display, JetBrains Mono, Bricolage Grotesque, Satoshi, Syne
2. Colors
- CSS Variables mandatory
- NO purple gradients
- Sharp accents, IDE-inspired themes
3. Motion
- Orchestrated page load (stagger)
- Hover states on ALL interactive elements
- NO random animations (bounce, pulse)
4. Backgrounds
- Layered gradients, glassmorphism, gradient orbs
- NO solid white/gray (except brutalist)
Theme Presets
- Brutalist - Monochrome, sharp edges, 900 weight
- Solarpunk - Greens, golds, organic shapes
- Editorial - Serif headlines, generous whitespace
- Cyberpunk - Neon on dark, monospace, glitch
- Luxury - Gold accents, serif, refined animations
Included Skills
Component Generation
- generating-components - Creation via shadcn/ui and 21st.dev
- Step 0: READ typography.md + color-system.md (ANTI-AI SLOP)
- Step 1-2: Search 21st.dev + shadcn/ui
- Step 5: READ theme-presets.md - Choose theme
- Validation anti-AI slop checklist
Design System
- designing-systems - Tokens, colors, typography
- OKLCH color space (P3 gamut)
- Modular scale typography (1.25)
- Spacing 4px grid
Accessibility
- validating-accessibility - WCAG 2.2 Level AA
- Contrast 4.5:1 (text), 3:1 (UI)
- Keyboard navigation
- ARIA support
- Reduced motion
Animations
- adding-animations - Framer Motion and CSS
- Micro-interactions (<100ms feedback)
- Variants and orchestration
- Exit animations
Anti-AI Slop References
references/typography.md- Fonts FORBIDDEN/APPROVEDreferences/color-system.md- CSS variables, palettesreferences/motion-patterns.md- Animations, hover statesreferences/theme-presets.md- Brutalist, Solarpunk, Editorial, Cyberpunk, Luxury
Command
/design hero section brutalist
/design pricing cards solarpunk
/design contact form editorial
Technologies
- React/Next.js
- Tailwind CSS v4
- shadcn/ui
- 21st.dev
- Framer Motion
- OKLCH colors
Workflow
- Read - Typography + Color references (ANTI-AI SLOP)
- Discover - Inspiration via 21st.dev and shadcn
- Design - Choose theme, declare fonts/colors
- Build - Component generation
- Animate - Micro-interactions (Framer Motion)
- Validate - Accessibility + Anti-AI slop checklist
Anti-AI Slop Checklist
- Typography: Distinctive font (NOT Inter/Roboto)
- Colors: CSS variables, NO purple gradients
- Motion: Orchestrated OR intentional absence
- Hover states: ALL interactive elements
- Border-left: NO colored left borders
- Accessibility: Semantic HTML + ARIA + WCAG AA
Reviews
No reviews yet. Be the first.
Related
claude-magic-compact
Lossless context compression for Claude Code.
mega-brain
OKF-powered knowledge context for Claude Code — injects your project knowledge base at every session
cc10x
The Loop Engine — harness and loop engineering plugin for Claude Code. Router-kernel orchestration, workflow artifacts, sub-agent delegation, hook enforcement, Test Honesty Gates, fresh-context verification, and memory that persists. 73% leaner than v11, zero quality regression.
mh install plugins/fuse-design