Design and UX

17,795 mods in this category, of every kind an agent can take. Each one carries what it costs per session, what the scan found, and whether it is the original.

可编辑PPTX生成

1441

Liuguanyi2125/editable-pptx-skill

Skill Claude CodeCodex

A workflow for turning slide images or rough presentation material into an editable PowerPoint file. Text, shapes, tables, charts, icons, and pictures are kept as separate slide objects where possible.

not rated 5 4mo ago A 152 tokens original MIT

Garyzhu-hub/pencil-multi-platform-product-design-agent

Skill Claude CodeCodex

Use this skill when creating, modifying, reviewing, or syncing multi-platform product designs in Pencil through Pencil MCP. Supports enterprise admin systems, SaaS dashboards, responsive web and landing pages, mobile apps, WeChat Mini Programs, data visualization big screens, e-commerce and campaign designs, design…

not rated 5 4mo ago A 102 tokens original MIT

penpot-official

1443

tkhr-sait/penpot-selfhost-mcp

MCP server Claude CodeCodexCursor +2

One of 2 in .mcp.json

MCP server "penpot-official" as configured in tkhr-sait/penpot-selfhost-mcp. Runs in Docker (.claude/skills/penpot/scripts/mcp-proxy/docker-compose.yml).

not rated 5 4mo ago A tokens not measured original MIT

angelapaia/frontend-design-engineer-skill

Skill Claude CodeCodex

Art Director + Senior Frontend Engineer that autonomously builds complete websites, landing pages, and web frontends from a single user phrase. Handles the full pipeline: intake brief, visual direction selection (8 curated styles), component sourcing (shadcn/ui, MagicUI, ReactBits, 21st.dev, Aceternity UI), design…

not rated 5 5mo ago A 231 tokens

pw-admin-ui

1445

trk/processwire-boost

Skill Claude CodeCodex

Use when designing, structuring, or rendering HTML for ProcessWire Admin interfaces, custom Process modules, or Inputfields.

not rated 5 14d ago A 28 tokens

csg-figma-sync

1446

Seeed-Solution/csg-design-system

Agent Claude Code

Syncs the CSG Design System (DESIGN.md) with the Figma source file. Extracts colors, typography, spacing, and component specs from Figma and updates DESIGN.md. Use when the Figma file has changed and DESIGN.md needs to catch up.

not rated 5 4mo ago A 61 tokens

etch-wp

1447

p3LZ3r/etch-wp-skill

Skill Claude CodeCodex

Expert knowledge for Etch WP - a Unified Visual Development Environment for WordPress. Generates complete JSON in Gutenberg block format for components, sections, patterns, or templates. Uses Automatic.css (ACSS) v4 variables. See reference files for complete documentation.

not rated 5 5mo ago A 55 tokens

a11y-annotate

1448

pwodkowski/a11y-md

Skill Claude CodeCodex

Use this skill on every UI turn that touches composition — building, modifying, restructuring, or annotating any page, component, route, form, layout, navigation, modal, focus behaviour, or live region. Make sure to use this before any UI code change, and whenever the user asks what an a11y.md captures. Triggers on…

not rated 5 3mo ago A 133 tokens original MIT

accessibility

1449

Nimble-Co/nimblenomicon

Skill Claude CodeCodex

Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".

not rated 5 2mo ago A 51 tokens

almond-harness-studio

1450

almond-bot/harness-studio

Skill Claude CodeCodex

Design wire harnesses and cable assemblies as JSON and produce manufacturer-ready drawings (BOM, wire list, title block) as PDF. Use when the user asks to design, draw, document, or quote a wire harness, cable assembly, pigtail, or custom cable — or mentions connectors, crimping, splices, twisted pairs, ring…

not rated 5 changed 2d ago A 84 tokens original MIT

impeccable

1451

thecodingend/rails-starter

Skill Codex needs its repo

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…

not rated 5 12d ago A 189 tokens copy · 80% MIT

frontend-design

1452

yodakeisuke/mcp-desicive

Cursor rule Cursor

A set of frontend development rules covering file design, data access, changes to data, state management, performance, and assets.

not rated 5 1y ago A 5 tokens

portfolio-review

1453

wonjyou/portfolio-review-skill

Plugin Claude Code

Bundles 1 skill · 0 tokens together

Design portfolio review skill from a hiring manager perspective. Evaluates portfolios across copy, IA, positioning, case studies, visual design, usability, and leadership signals. Produces a structured annotated report with severity-coded issues, a priority action plan, and an optional HTML export. Created by Won J.…

not rated 5 5mo ago A tokens not measured

dungnotnull/adhd-friendly-home-design-agent-skill

Skill Claude CodeCodex

ADHD-Friendly Home Space Optimization Advisor (Environmental Psychology) — ADHD environmental-design and cognitive-ergonomics analysis and decision-support harness. Use this skill when the user mentions ADHD home design, ADHD-friendly spaces, sensory-friendly environment, ADHD workspace optimization, ADHD bedroom…

not rated 5 1mo ago A 107 tokens original MIT

mcp-sketch

1455

YamadaAoi/mcp-sketch

MCP server Claude CodeCodexCursor +2

MCP server & CLI for parsing Sketch-Meaxure exports into structured design data for AI agents. Runs locally from the mcp-sketch npm package.

not rated 5 27d ago A tokens not measured original MIT

darkyzhou/carbon-design-guidelines

Skill Claude CodeCodex

Guides, references, and tooling for building React UIs with IBM's Carbon Design System (@carbon/react v11). Covers design foundations (grid, color, spacing, typography, theming, motion, accessibility), component usage with code samples, design patterns (forms, dialogs, notifications, loading, empty states), and data…

not rated 5 4mo ago A 113 tokens original MIT

nubecita-design

1457

kikin81/nubecita

Skill Claude Code

Use this skill to generate well-branded interfaces and assets for Nubecita, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping a Material 3 Expressive Android Bluesky client with adaptive layouts for phone…

not rated 5 today A 74 tokens original MIT

pencil-design

1458

chiroro-jr/skills

Skill Claude CodeCodex

Design UIs in Pencil (.pen files) and generate production code from them. Use when working with .pen files, designing screens or components in Pencil, or generating code from Pencil designs. Triggers on tasks involving Pencil, .pen files, design-to-code workflows, or UI design with the Pencil MCP tools.

not rated 5 2mo ago A 67 tokens

ux-design-agent

1459

albrand/ai-config-kit

Skill Codex

UX/product workflow for design-makers and consumers of existing designs. Use for making or revising mockups, screens, layouts, flows, prototypes, tokens, typography, components, design systems, live design previews, signoff, and Figma or board handoff. Also use to consume a prototype, Figma file, screenshots, or UI…

not rated 5 changed 6d ago A 140 tokens

nano-banana-ppt

1460

JoeSangAI/nano-banana-ppt

Skill Claude CodeCodex

Use when creating professional PowerPoint presentations, generating slides from content/topics, or visualizing concepts into a deck with Nano Banana 2. Supports Template Cloning and AI Minting modes.

not rated 5 5mo ago A 43 tokens original MIT

ui-pattern-picker

1462

DigitalBoutique-ai/hackerx

Skill Claude CodeCodex

Helps choose the right UI/UX pattern when the user describes a vague design need. Triggers on phrases like "make this easier to navigate," "hide advanced settings," "make this dashboard better," "add menus," "make this feel more professional," or "I don't know what component I need.".

not rated 5 1mo ago A 66 tokens original MIT

UXdesign-buff

1463

omaxqh/UXdesign-buff

Skill Claude CodeCodex

A business- and user-experience review of a product design, based on materials such as Figma files, screenshots, page structure, and product documents. It reconstructs the user's situation and journey before judging the design.

not rated 5 5mo ago A 99 tokens original MIT

brand-setup

1464

SamyGenAI/Smart-creator-design-system

Skill Claude CodeCodex

Capture creator first+last name, update src/creatorIdentity.js (single source of truth), place assets/avatar/avatar-profile.png, then onboard Smart Creator via Track A (website URL + Firecrawl scrape) when the user has visual identity, or Track B (skills/theme-factory presets / custom theme) when they have no site or…

not rated 5 changed 9d ago A 98 tokens

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: