claude

design-god-mode

Nine lean design skills that score, direct, redesign and polish any website, CRM, landing page, dashboard or game UI without breaking it.

1 on GitHubby F0rgerv1.0.0MITupdated 18 days ago
/

Plugin design-god-mode from marketplace design-god-mode in F0rger123/CLAUDE-DESIGN-GOD-MODE. Commands read from the repo's manifest — 12 days ago.

What it installs

Skills (9)

  • app-ui

    Use when designing or upgrading application screens (Operate mode) - CRMs, dashboards, admin panels, SaaS apps, back offices, client portals, settings, tables, forms, pipelines, calendars and invoices. Focuses on clarity, density, states and speed of use.

  • audit

    Use when asked to score, grade, critique or review the design of a website, app, landing page, dashboard or game UI. Returns a score out of 100 across eight categories, the generic "AI look" tells found, and a fix list ranked by points gained. Read-only; it changes nothing.

  • direction

    Use when a project needs a visual direction or design system before building or restyling - choosing colours, fonts, type scale, spacing, radius, shadows and motion as tokens. Produces a short DESIGN.md token plan matched to the product and checked against generic defaults.

  • game-ui

    Use when designing or upgrading the interface of a browser or mobile game (Play mode) - title screens, menus, HUDs, scoreboards, settings, pause and game-over screens, shops, and the "juice" (feedback, screen shake, particles, sound cues) that makes play feel good. Works with DOM/CSS overlays, Canva

  • god-mode

    Use when someone wants a website, web app, landing page, CRM, dashboard, SaaS product, portfolio or browser game to look significantly better, more premium or less "AI-generated". Runs the full pipeline (read the project, score it, pick a direction, upgrade, polish, verify) and routes to the focused

  • landing

    Use when designing or upgrading a landing page, marketing site, pricing page, product launch page or local business website (Persuade mode). Covers hero concepts, section structure, copy, social proof, CTAs and conversion details without generic AI-template patterns.

  • motion

    Use when adding, reviewing or fixing animation and transitions in a web UI - hover and press feedback, modals, dropdowns, toasts, page and scroll reveals, springs, easing and durations. Decides whether something should animate at all, then how, with reduced-motion support.

  • polish

    Use for the final quality pass on any web UI before shipping - spacing, alignment, interactive states, accessibility, responsive behaviour, performance, copy and the small details that separate good from great. Also use when a design is "almost there" or the user says "make it feel finished".

  • redesign

    Use when upgrading the look of an existing website or app in place - restyling a codebase without breaking routes, data, forms or tests. Works with Tailwind, shadcn/ui, CSS modules, plain CSS, Next.js, React, Vue, Svelte, Astro and static HTML. Applies changes in a safe order, system first, screens

View source on GitHub

Similar plugins

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

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

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

Maintain design-god-mode?

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 pluginslisted