Design and UX

batihandev/unity-mcp-skills

Skill Claude CodeCodex needs its repo

Use when users want to create Canvas, Button, Text, Image, or other UI elements.

xperiun/genesis-os

Skill Claude CodeCodex

Extrai o design system de um HTML/URL/print e gera um design-system.html canônico (11 seções, anatomia replicável, regras do/dont, tokens CSS, classes .ds-, WCAG AA, voz, versionamento) preservando 100% das classes/animações originais. Salva o DS mestre do seu OS em contexto/design-system.html e a referência extraída…

iFurySt/DESIGN.md

Skill Codex

Create or refine a DESIGN.md from a public website URL, then use that design system to build and open a standalone HTML page based on either a reference URL or the user's requested page and content. Visually validate the HTML and feed reusable corrections back into DESIGN.md. Use when the user wants a DESIGN.md, an…

powehi-eu/ui-motion-workflow

Skill Codex

Orchestrate UI direction, composition, motion provider selection, implementation, and browser-proven quality for polished frontend work. Use when Codex needs to improve a visual surface with animation or interactive polish; when a request mixes design intent, component choice, browser validation, accessibility, or…

Samin12/branded-motion-sites

Skill Claude CodeCodex

Create or upgrade premium branded websites, landing pages, mobile web experiences, and interactive sections using a curated motion-design catalog, reusable interaction primitives, brand-first art direction, responsive behavior, accessibility, performance budgets, and verification. Use when the user asks for a branded…

21st-dev/codex-plugin

Skill Claude CodeCodex

Publish your own work to 21st.dev and manage it from the terminal with the 21st CLI (@21st-dev/cli): publish a React component to a team library, publish a CSS theme or a template listing, edit / unpublish / delete your published items, list and reopen existing component work, and read/replace your public profile page…

yintzuyuan/glyphs-reference

Plugin Claude Code

Bundles 10 skills, 1 agent · 1,000 tokens together

Glyphs.app skills and knowledge base: Python/Obj-C API lookup, file format, SDK reference, UI components, package management, localization, and web search.

Ceciliaaaaaaaaaa/personal-homepage-design

Skill Claude CodeCodex

A Chinese-language skill for designing and building personal homepage websites, portfolios, and developer or designer brand pages in an Apple-inspired style. It outputs two polished HTML homepage options.

chenxihuang1028-a11y/super-web-design

Skill Codex

Premium website builds with varied heroes, React Bits backgrounds, static index.html delivery, browser QA, and chat-only feedback. Use for Super-Web-Design or advanced landing/product/media sites.

felinics/ui

Skill Claude CodeCodex

Primary Web development skill for apps/web — white-floating-card design language, disciplined @felinic/ui usage, deliberate copy, honest empty states, aligned controls, and restrained motion. Never hand-write controls or menus; never leave stray fragments (orphan status labels, misaligned save hints). Compose from…

Future-CX/AI-Architecture-Toolkit

Skill Claude CodeCodex

Create Draw.io diagrams from reusable architecture diagram templates and always store editable .drawio files and exports in a diagrams/ subfolder. Use when the user asks for Draw.io, diagrams.net, editable architecture diagrams, or when an architecture workflow needs Draw.io versions of target architecture, solution…

kemiljk/fluid-design

Skill Claude CodeCodex

Use this skill whenever building interfaces that should feel physically responsive, alive, and polished. Trigger for spring animations, gesture-driven UI, interruptible animations, physics-based motion, drag interactions, momentum scrolling, layout animations, shared element transitions, spatial UI…

Demolinator/revit-mcp-plugin

Plugin Claude Code

Bundles 1 skill, 5 commands, 1 MCP server · 143 tokens together

Natural-language building design and BIM management for Autodesk Revit 2024/2025/2026/2027. All Revit professionals — architects, structural engineers, MEP engineers — describe what they want in plain English, and Claude creates, modifies, and analyzes BIM elements in the live Revit model via 48 MCP tools (including…

arumwu/design-md-skill

Skill Claude CodeCodex

Reference library of 74 real-world brand design systems (Claude, Linear, Stripe, Vercel, Figma, Apple, Tesla, Spotify, Notion, Supabase, and more) captured as DESIGN.md files — colors, typography, components, layout, elevation. Use when the user wants UI, a landing page, or a component that matches a specific brand's…

smicolon/ai-kit

Agent Claude Code

Visual QA specialist using Playwright MCP and Figma MCP for pixel-perfect frontend implementation and debugging.

xiaomaolu/bluue-ai-skills

Skill Codex

Turn long-form content, reports, structured notes, concepts, processes, and data into polished infographic images or cohesive infographic series. Use when the user asks to summarize, visualize, explain, structure, or convert content into an infographic, visual brief, data poster, explainer, process graphic, or…

zrk222/code-factory

Skill Claude CodeCodex

Build or review substantial full-stack and product-facing UI work with evidence-bound architecture, production, accessibility, interaction, and ethical UX gates. Skip trivial edits and non-product documentation.

Ideelab/uisandbox

Plugin Claude Code

Bundles 1 skill · 155 tokens together

Play with your app's design, right in the browser: open a built web app in UISandbox, 1:1 and with its own knobs, from the chat; try a change, verify, export the patch. Bundles the /uisandbox skill and the uisandbox MCP server.

felixAnhalt/figma-to-code-mcp

MCP server Claude CodeCodexCursor +2

LLM-optimized Figma MCP server. Runs locally from the @tmegit/figma-to-code-mcp npm package. Needs 1 environment variable to run.

botmonster/image2svg-mcp

MCP server Claude CodeCodexCursor +2

MCP server that converts raster images (PNG/JPG/WEBP) to SVG vector format. Runs locally from the image2svg-mcp Python package.

blantian/lanhu-design-mcp

MCP server Claude CodeCodexCursor +2

Android-first MCP server for reading Lanhu design specs and exporting UI restoration context. Runs locally from the lanhu-design-mcp Python package.

Sapientropic/AIppocampus

Skill Codex

Review, shape, or implement AIppocampus agent-facing UX for foreground recall, hooks, MCP/CLI tools, action cards, recovery cards, onboarding, public demos, and issue triage. Use when work mentions AIppocampus UX, foreground surfaces, source-backed continuity usability, Linear/Raycast/Stripe-style…

cmd8/excalidraw-mcp

MCP server Claude CodeCodexCursor +2

Model Context Protocol server for Excalidraw diagrams. Runs locally from the @cmd8/excalidraw-mcp npm package.

visily-app/mcp-plugins

Skill Claude CodeCodex

Visily is an AI design canvas that turns text prompts, screenshots, URLs & more into UI designs that are as easy to edit as a Google Slide. Use Visily MCP to find boards/screens and return links, turn Visily designs into code, or extract theme tokens.