Design and UX

hakilee/design-farmer

Plugin Claude Code

Bundles 1 skill · 75 tokens together

Automated design system construction from repository analysis to production-ready implementation.

Mekko-Digital/bricks-builder-skills

Plugin Claude Code

Bundles 1 skill · 0 tokens together

Build, edit, and audit pages, templates, popups, and custom elements for the Bricks Builder WordPress theme, grounded in verified control keys and JSON shapes (no hallucinated settings).

irenerachel/comic-ip-onboarder-skill

Skill Claude CodeCodex

A workflow for turning a person’s photo, toy, avatar, fictional character, or brand mascot into a reusable flat hand-drawn comic character package. The package includes reference images and an IPDNA.md file describing the character’s visual rules.

oil-oil/grok-designer

Skill Claude CodeCodex

Use Grok 4.5 as the required external design advisor when a task needs UI critique, UX critique, component-choice review, interaction-flow review, design imagery markdown, art direction, visual hierarchy judgment, design-system fit, color/type/layout suggestions, HTML mockups, SVG icons, handwritten SVG wordmarks, or…

detaildotdesign/skill

Skill Claude CodeCodex

Bring crafted micro-interactions, thoughtful details, and polish to interfaces. Use when building UI, reviewing UI for detail/polish opportunities, making an interface "feel better," or adding tasteful delight and micro-interactions.

TatsukiMeng/ai-native-engineering

Skill Codex

A workflow for cleaning and arranging Excalidraw diagrams, which are editable drawings used for architecture, topology, process, and system diagrams.

Michael-Obele/shadcn-svelte-mcp

Skill Claude CodeCodex

Use when building, redesigning, beautifying, or refactoring SvelteKit pages and reusable components with shadcn-svelte, Bits UI, or the shadcn-svelte MCP. Trigger on landing pages, dashboards, marketing sites, app shells, forms, navbars, tables, dialogs, responsive layouts, theming, icon selection, and requests to…

TseringYuu/anyviz

Skill Claude CodeCodex

A guide for choosing and building data visualizations, such as charts, maps, graphs, and 3D views, based on the data and the question it should answer.

diegomarino/claude-toolshed

Plugin Claude Code

Bundles 7 skills, 1 agent · 148 tokens together

Generate, validate, render D2 diagrams from text or code.

AmadeusITGroup/otter

Skill Claude CodeCodex

Write keyboard-only test variants and focus management checks using Playwright: navigation patterns, focus expectations, helpers, and file structure conventions.

AgriciDaniel/gogh

Plugin Claude Code

Bundles 7 skills, 1 agent · 222 tokens together

Gogh is a source cited Obsidian operating brain that turns six frontend design skills into one advisable stack for AI coding agents.

szilu/ux-designer-skill

Skill Claude CodeCodex

UX/UI design principles for building and critiquing interfaces. Use for accessibility audits (WCAG, EAA), microcopy, forms, navigation, onboarding, internationalization and RTL, voice and AI interfaces, and design systems.

LcpMarvel/feishu-whiteboard-pro

Skill Claude CodeCodex

Builds, revises, restyles, and critiques deliberate, editable Feishu / Lark whiteboards from content, references, existing SVGs, or live boards. Use for whiteboards, infographics, diagrams, system maps, timelines, decision boards, posters, and visual explainers that need factual fidelity, strong hierarchy, intentional…

cozy/cozy-ui

Skill Claude CodeCodex

Skill "skill" from cozy/cozy-ui, covering cozy ui, quick start, what this skill provides, quick reference and components.

lubusIN/frappe-skills

Skill Claude CodeCodex

UI/UX patterns and guidelines derived from official Frappe apps (CRM, Helpdesk, HRMS). Use when designing interfaces for custom Frappe applications to ensure consistency with the ecosystem.

ThisIsSadeghi/KMPilot

Skill Claude Code needs its repo

Verify UI implementation against Stitch design via a token audit (HTML ↔ Code, with X-component default-render checks) and an X-components compliance check.

cjsimon2/Divi5-ToolKit

Plugin Claude Code

Bundles 3 skills, 8 commands, 5 agents, 1 hook · 1,565 tokens together

Divi 5 development assistant: validates CSS compatibility, generates Divi-ready code, scaffolds page sections, audits project CSS health, checks accessibility, diagnoses symptoms, audits performance for Core Web Vitals, and learns from errors. Updated for Divi 5.11 with the 5.6-5.11 new modules (Timeline, Breadcrumbs.

boredape874/mcbejsonuimasterAI

Skill Claude CodeCodex

Use when the user asks for layout, positioning, alignment, symmetry, equal spacing, or pixel-correct sizing of Bedrock JSON UI elements. Translates the user's intent (prompt or annotated image) into the IR YAML described in docs/41-ir-spec.md and schemas/ir.schema.json. Pairs with mcbe-json-ui-tools-runner to compile…

quzhi-ai/tufte-xiaohei-fusion

Skill Claude CodeCodex

A design workflow that combines Tufte-style information graphics with a recurring hand-drawn black character called Xiaohei in a tall mobile image. Tufte-style graphics prioritize clear evidence and accurate data displays.

stuinfla/Repo-Explainer

Plugin Claude Code

Bundles 1 skill, 1 command · 235 tokens together

Turn any GitHub repo into a beautiful, art-directed explainer site that takes a stranger from "I've never seen this" to "oh, I get why this matters — and I'm ready to use it." One Claude Code skill (the brain) reads the repo, builds a real RVF vector knowledge base, conceives a bespoke visual metaphor, authors the…

tommy0103/prism

Plugin Claude Code

Bundles 1 skill · 25 tokens together

Structured documents for AI agents — 45 production-ready components with a coherent visual system. Decisions, architecture flows, collapsible references, metrics, and charts rendered as self-contained HTML.

xixicc186/clawd-emotes-skill

Skill Claude CodeCodex

Create original pixel-art "Clawd" crab emotes as pure SVG + CSS keyframe animations (no frame-by-frame GIFs, no raster sprites), and optionally export them to looping GIFs. Each emote is a tiny pixel crab doing an activity — holding a prop, wearing a hat, reacting — built from / / and animated with @keyframes. Use…

richardkmichael/tailwindplus-downloader

Skill Claude Code

This skill should be used when the user asks to "add a component", "use a Tailwind Plus component", "build a UI", "create a form", "add a modal", "add a sidebar", "create a landing page", or needs any UI component from Tailwind Plus (formerly Tailwind UI). Use this when building pages, layouts, or UI elements with…

Misterbra/fusion360-claude-ultimate

MCP server Claude CodeCodexCursor +2

MCP server "fusionmcp" as configured in Misterbra/fusion360-claude-ultimate. Runs C:\Users\YOUR_USERNAME\path\to\fusion-claude-ultimate\server\server.mjs with node.