codex

Design Expert

Design Director for websites, web apps, iOS, and Android. Generates HTML/CSS design deliverables with Gemini Design MCP, Magic/21st.dev, and shadcn as optional tools. Mobile targets produce tokens, device-framed mockups, and handoff specs, never SwiftUI/Compose implementation code. Anti-AI-Slop, WCAG 2.2.

2 on GitHubby Fusenginev2.1.51MITupdated 1 month agoDesign

Plugin design-expert in fusengine/codex. Commands read from the repo's manifest — 1 month ago.

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 (10)

  • 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.

  • taste-first

    Autonomous art-direction workflow for brand register generate and redesign moves. Use when: creating or rebuilding a brand/marketing surface from a sufficient brief and real assets. Do NOT use for: product UI, audits, refinement moves, or mobile product mockups.

  • 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)

  • /design-expert:audit-design

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

  • /design-expert:design-component

    Routes single-component generation by register and move: taste-first for brand generation/redesign, existing-token component workflow otherwise.

  • /design-expert: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.

  • /design-expert:design-page

    Routes a new page or screen in an existing project by register and move; taste-first may defer existing tokens until concept lock.

  • /design-expert:design

    Routes a full web or web-app design by register and move: taste-first for brand generate/redesign, generic design-method otherwise. Use /prompts:design-mobile for iOS/Android.

Hooks (11)

  • PreToolUse

    bun "${CODEX_HOME:-$HOME/.codex}/node_modules/@fusengine/harness/dist/cli/bin.mjs" hook codex core

  • PreToolUse

    bun "${CODEX_HOME:-$HOME/.codex}/node_modules/@fusengine/harness/dist/cli/bin.mjs" hook codex core

  • PreToolUse

    bun "${CODEX_HOME:-$HOME/.codex}/node_modules/@fusengine/harness/dist/cli/bin.mjs" hook codex core

  • PreToolUse

    bun "${CODEX_HOME:-$HOME/.codex}/node_modules/@fusengine/harness/dist/cli/bin.mjs" hook codex core

  • PreToolUse

    bun "${CODEX_HOME:-$HOME/.codex}/node_modules/@fusengine/harness/dist/cli/bin.mjs" hook codex core

  • PostToolUse

    bun "${CODEX_HOME:-$HOME/.codex}/node_modules/@fusengine/harness/dist/cli/bin.mjs" hook codex core

  • PostToolUse

    bun "${CODEX_HOME:-$HOME/.codex}/node_modules/@fusengine/harness/dist/cli/bin.mjs" hook codex core

  • PostToolUse

    bun "${CODEX_HOME:-$HOME/.codex}/node_modules/@fusengine/harness/dist/cli/bin.mjs" hook codex core

  • PostToolUse

    bun "${CODEX_HOME:-$HOME/.codex}/node_modules/@fusengine/harness/dist/cli/bin.mjs" hook codex core

  • SubagentStart

    bun "${CODEX_HOME:-$HOME/.codex}/node_modules/@fusengine/harness/dist/cli/bin.mjs" hook codex core

  • SubagentStop

    bun "${CODEX_HOME:-$HOME/.codex}/node_modules/@fusengine/harness/dist/cli/bin.mjs" hook codex core

View source on GitHub

More from fusengine/codex

All 25 plugins →

AI Pilot

codex

AI Pilot workflow agents: sniper (code quality), research-expert, explore-codebase, websearch

18 skills · 12 commands · hooks

2

Laravel Expert

codex

Expert Laravel latest stable + PHP latest stable 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 · hooks

2

SEO Expert

codex

SEO/GEO 2026 plugin for Codex CLI. Local-first core; optional live Google SERP via Serper (SERPER_API_KEY), framework-aware. Covers technical SEO, schema markup, E-E-A-T, AI Overviews optimization, local SEO, sitemaps, hreflang, internal linking, content briefs, semantic clustering, and search experience optimization.

21 skills · hooks

2

Tailwind CSS Expert

codex

Expert Tailwind CSS v4.1 - CSS-first configuration, @theme, @utility, @variant, Oxide engine 5x faster, OKLCH colors, container queries, 15 specialized skills

16 skills · hooks

2

Commit Pro

codex

Professional git commits with Conventional Commits, GitHub Flow branch enforcement, auto PR creation, security validation, and auto-detection

5 skills · 10 commands

2

Astro Expert

codex

Expert Astro 6 with Islands Architecture, Content Layer, Actions, View Transitions, and multi-framework integration

14 skills

2

Similar plugins

example-skills

claude

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

pr-review-toolkit

claude

Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification

1 command · 6 agents

anthropics/claude-code 155,476

ui-ux-pro-max

claude

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

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

impeccable

claude

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

Maintain Design Expert?

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