claude

fuse-design

UI Designer. Generates HTML/CSS via Gemini Design MCP. 7-phase pipeline with state tracking. Identity System, UX copy, page layouts, motion system, design audit. Anti-AI-Slop, WCAG 2.2.

36 on GitHubby Fusenginev2.2.13MITupdated todaydevelopment
/

Plugin fuse-design from marketplace fusengine-plugins in Fusengine/claude-plugins. Commands read from the repo's manifest — today.

This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.

What it installs

Skills (9)

  • design-android

    Use when designing an Android screen or flow — deliverable is a device-framed HTML mockup and developer handoff spec, never Compose code.

  • design-ios

    Use when designing a screen or flow for any Apple platform — iPhone (incl. iPhone Duo), iPad, Mac, Apple Watch, Apple TV or Vision Pro — deliverable is a device/window-framed HTML mockup and a handoff spec, never SwiftUI code.

  • design-method

    Use when starting any design task — resolves register, sets the 3 dials, locks Gate 0, and routes to the right move and target skill.

  • design-motion

    Use when adding or reviewing motion on an already-settled layout or component — never to hide or compensate for an unfinished one.

  • design-review

    Use when a design deliverable is about to be reported done — the final quality gate after design-motion or a mobile mockup.

  • design-system

    Use when starting any design task, before choosing or auditing a color/type/spacing token or writing design-system.md — routing step 1.

  • design-web

    Use when building or revising a marketing/landing/campaign page, register `brand` locked at Gate 0 — use design-webapp for app screens instead.

  • design-webapp

    Use when building or extending a dashboard, SaaS screen, or any authenticated app surface — use design-web instead for a marketing site.

  • ux-copy

    Use when writing or reviewing any visible copy — headlines, buttons, body, errors, empty states — inside a design-method move or standalone.

Slash commands (5)

  • /fuse-design:audit-design

    Audit an existing HTML/CSS design. Deterministic checks only (contrast, fonts, colors, states, dark mode) plus a visual pass. No generation.

  • /fuse-design:design-component

    Generate a single component using existing design-system.md tokens. Skips inspiration browsing — fast path for isolated UI elements.

  • /fuse-design:design-mobile

    iOS or Android mockup + handoff spec. Argument: ios|android. Produces tokens, a device-framed HTML mockup, and a spec for swift-expert or an Android developer — never SwiftUI/Compose code.

  • /fuse-design:design-page

    New page or screen in an existing project. Skips design-system creation — reuses the existing design-system.md tokens.

  • /fuse-design:design

    Full design pipeline for a web or web-app target: brief → tokens → generation → motion → review. Use /design:mobile for iOS/Android instead.

Subagents (1)

  • design-expert

    Use when: designing or auditing a design system, a marketing site, a web app screen, or an Apple-platform (iOS, iPadOS, macOS, watchOS, tvOS, visionOS) or Android mockup. Do NOT use for: wiring components into a codebase (delegate to the matching framework expert), or writing SwiftUI/Compose impleme

Hooks (4)

  • PreToolUse

    bun $HOME/.claude/plugins/marketplaces/fusengine-plugins/plugins/node_modules/@fusengine/harness/dist/cli/bin.mjs hook claude-code

  • PostToolUse

    bun $HOME/.claude/plugins/marketplaces/fusengine-plugins/plugins/node_modules/@fusengine/harness/dist/cli/bin.mjs hook claude-code

  • SubagentStart

    bun $HOME/.claude/plugins/marketplaces/fusengine-plugins/plugins/node_modules/@fusengine/harness/dist/cli/bin.mjs hook claude-code

  • SubagentStop

    bun $HOME/.claude/plugins/marketplaces/fusengine-plugins/plugins/node_modules/@fusengine/harness/dist/cli/bin.mjs hook claude-code

View source on GitHub

More from Fusengine/claude-plugins

All 28 plugins →

fuse-ai-pilot

claude

AI Pilot workflow: APEX methodology (auto-detects Laravel/Next.js/React/Swift), sniper (7-phase code quality + DRY detection), research-expert, explore-codebase

19 skills · 12 commands · 9 agents · hooks

36

fuse-seo

claude

SEO/GEO 2026 plugin: technical SEO, schema markup, E-E-A-T, AI Overviews/ChatGPT/Perplexity optimization, local SEO, sitemaps, hreflang, internal linking, semantic clustering, search experience. Local-first, zero third-party APIs.

21 skills · 9 agents · hooks

36

fuse-laravel

claude

Expert Laravel 13 + PHP 8.3+ with SOLID principles, first-class PHP Attributes, Laravel AI SDK, JSON:API Resources, native vector search (pgvector), Eloquent, Livewire, queues with routing, and comprehensive documentation

23 skills · 1 agent · hooks

36

fuse-devops

claude

Expert self-hosted IT/DevOps — Docker, Kubernetes, Linux, Proxmox VE, OpenStack, Terraform/OpenTofu, Ansible, CI/CD, observability, storage and backup, secrets, databases — with a discovery, dry-run, one-go, verify, rollback safety model

18 skills · 1 agent

36

fuse-tailwindcss

claude

Expert Tailwind CSS v4.3 with CSS-first config, @theme, @utility, @variant, Oxide engine, OKLCH colors, container queries

16 skills · 1 agent · hooks

36

fuse-astro

claude

Expert Astro 7 with Islands Architecture, Content Layer API, Server Actions, Server Islands, UI framework integrations (React/Vue/Svelte/Solid), SEO, Starlight docs, i18n, and deployment

14 skills · 1 agent

36

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 fuse-design?

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