Design and UX commands

papaoloba/spec-based-claude-code

Command Claude Code

Create technical design specification.

terryso/AutoQA-Agent

Command Claude Code

Create a flowchart visualization in Excalidraw format for processes, pipelines, or logic flows.

liyupi/github-global

Command Cursor

Comprehensive design guide for web and mobile applications. Contains 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks. Searchable database with priority-based recommendations.

DirectedEdges/specs

Command

Generate component specifications from Figma. There are three ways to run it, distinguished by where the Figma data comes from: a manifest listing many components, a JSON file plus one named component, or the live Figma file itself over the CLI bridge.

DirectedEdges/specs

Command

Scan a Figma file and generate a manifest of all components.

KimYx0207/Claudecode-Codex-Gemini

Command Claude Code

A command workflow that turns a UI screenshot or design into working frontend code using image analysis, technical planning, code generation, and code review by different AI tools.

xiaolai/claudepot-app

Command Claude Code

Review UI changes against the paper-mono design rules. Requires a screenshot or running pnpm tauri dev for render-time checks.

SeemSeam/claude_code_autoflow

Command

Dual Design - Parallel design with merge.

textura-agency/next16-claude-starter

Command Claude Code

Build a new page or section following this starter's playbook.

HermeticOrmus/LibreUIUX-Claude-Code

Command Claude Code

Master orchestration command that synthesizes ALL LibreUIUX plugins - archetypal-alchemy, design-mastery, accessibility, security, performance, testing - into one cohesive, production-ready UI/UX implementation. The ultimate synthesis.

b1rdmania/ghostclaw

Command Claude Code

Generate new components using your design system configuration and best practices from Impeccable.

flanliulf/AI-Copyright-Application-Generator

Command Claude Code

A Chinese-language guide for keeping two system prompts consistent when they plan pages and generate interface designs. It focuses on making navigation follow the earlier page plan.

flick-git-anhnv/claude

Command Claude Code

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

NetMindAI-Open/NarraNexus

Command

Previous design had three half-aligned UX paths: Settings page showed text in the page, tray menu and startup auto-check both showed osascript dialogs. Symptoms in production.

shyftlabs/continuum

Command Claude Code

UI/UX design with Memory coordination for consistent experiences.

striderZA/OpenCodeGameStudios

Command Codex

Generate placeholder art from asset specs using the Aseprite MCP.

laborany/laborany

Command

A command for choosing or defining the visual style of a PowerPoint presentation, including its colors, fonts, and page layouts. It offers preset styles, custom brand settings, and recommendations based on the presentation topic.

holger1411/astrodeck

Command Claude Code

Customize the AstroDeck theme colors and design tokens.

brendanciccone/storysync

Command

Audit Figma file against code and report drift in either direction.

brendanciccone/storysync

Command

Sync Storybook components and design tokens from code to Figma.

jshmllr/tokyn

Command Claude Code

Analyze a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight.

jshmllr/tokyn

Command Claude Code

Increase visual impact and personality in designs that are too safe, generic, or visually underwhelming, creating more engaging and memorable experiences.

jshmllr/tokyn

Command Claude Code

Identify opportunities to add moments of joy, personality, and unexpected polish that transform functional interfaces into delightful experiences.

Heuresis/Growth-Operator-Agency

Command Claude Code

Generate a 17-day Instagram Stories drop cycle (Whisper → Tease → Shout). Day-by-day 4-frame calendar, DM keyword system, freebie spec, funnel wireframe, Typeform application copy, 48-72h scarcity close, email+SMS pairing, KPI dashboard. Designed for IG-native creators with an existing warm list and proven hooks.