17,770 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.
Webba-Creative-Technologies/forge
Skill Claude Code
Forge design system for React. Use when writing any React UI in this project, when picking which component to use, when theming, when creating block templates, or when reviewing UI code for accessibility and anti-patterns. Covers components, tokens, theming, motion, patterns, a11y, and anti-patterns.
Plugin Claude Code
Bundles 1 skill · 73 tokens together
Liquid Glass toolkit for SwiftUI developers. API reference, migration guides, and best practices for iOS/macOS/watchOS/tvOS/visionOS 26+.
Skill Claude CodeCodex
Compare agent-made alternatives in a local browser preview with Unship. Use for comparison setup, iteration, Canvas, selection, cleanup, and Unship installation or update troubleshooting.
Skill Codex
A tool for reading images and checking screenshots, including text, layout, visual defects, watermarks, and logos.
Plugin Claude Code
Bundles 3 skills, 1 command · 279 tokens together
Visual design skill for Maket — plans layouts, composes documents, and guides Claude through structured design workflows.
Cursor rule Cursor
UX rules synthesized from Laws of UX (Jon Yablonski), behavioral economics (Kahneman; Thaler & Sunstein), Built for Mars (Peter Ramsey), and Nielsen Norman Group / Refactoring UI conventions. Covers friction, vulnerability moments, trust, first-run experience, decision architecture, and honest design.
sampaio-tech/iOS-design-system
Skill Claude Code needs its repo
Guide to creating new widgets following iOS Design System patterns and conventions.
MCP server Claude CodeCodexCursor +2
MCP server "indesign" as configured in chris-enea/indesign-mcp. Runs /Users/honeycomb/indesign_mcp/server.py with /Users/honeycomb/indesign_mcp/venv/bin/python.
Plugin Claude Code
Bundles 1 skill · 178 tokens together
Extract a website's full design system — tokens plus a curated component catalog (anatomy, variants, hover/focus states, section patterns) with DTCG tokens and an emitted eval harness — as a bundle a coding agent consumes to build new pages native to the source brand.
Skill Claude CodeCodex
Generate architecture diagrams as .excalidraw files from codebase analysis. Use when the user asks to create architecture diagrams, system diagrams, visualize codebase structure, or generate excalidraw files.
Skill Codex
Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen readers. Use when building or reviewing UI components, modals, menus, forms, custom widgets, or when the user says "make this accessible" or reports keyboard or screen-reader issues. Triggers on…
Plugin Claude Code
Bundles 3 skills · 257 tokens together
Efecto — AI design skills + 46 MCP tools. Create web pages, social media graphics, presentations, and more with AI agents.
Skill Claude CodeCodex needs its repo
Author or modify kernelCAD models in TypeScript. Scripts live in .kcad.ts files; the kernelCAD CLI (kernelcad evaluate and kernelcad export stl|step|dxf|3mf|glb -o ) executes them via an OpenCASCADE WASM kernel.
Skill Claude CodeCodex
Search Mobbin for real app UI screenshots and visually analyze them. Required before calling the searchscreens MCP tool — this skill defines how to plan searches, respond, and build HTML evidence boards when the screens are the answer. Use whenever the user asks about UI/UX design patterns, wants to see how other apps…
Skill Claude CodeCodex
Comprehensive ISA-101 design rules for Human Machine Interfaces in process automation, with detailed reference files covering color design, display hierarchy, navigation, alarms, human factors, performance, and lifecycle management. Use when designing, building, reviewing, or generating code for HMIs, control system…
SonwaneyY/portfolio-case-study-generator
Skill Claude CodeCodex
Craft portfolio-ready case studies that tell the story of a design project. Runs a structured intake first, then drafts in the story format that best fits the project and audience.
Cursor rule Cursor
Apply the UIZZE design contract and finish gate to frontend work.
Skill Codex
Define, compare, model, review, and mature industrial products before manufacturing drafting. Use for new products, major redesigns, enclosures, appliances, controls, ports, mechanisms, configurable assemblies, product-quality 3D, CMF, ergonomics, service, motion states, native renders, prototype planning, or any task…
Skill Claude Code
Anti-slop UI/UX design discipline for AI-generated interfaces. Enforces industrial-design principles (Dieter Rams: honest, thorough to the last detail, as little design as possible) so output is a defensible system, not statistical-default slop (purple glow, shadow-as-texture, missing states). Covers the…
Skill Claude Code
Use this skill to generate well-branded interfaces and assets for Omadia UI (Lume design system), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
Skill Claude CodeCodex
Discover shadcn-compatible components and registries across the entire ecosystem before writing any custom UI. Use PROACTIVELY before building tables, forms, modals, animations, dashboards, auth pages, or any UI component. Use when the user says "find a component for...", "is there something for...", "search…
Skill Claude Code
name: design-maker description: Used when the Design Brief is complete and the user needs to generate mockups. Reads Product-Spec.md and Design-Brief.md, then generates a complete set of design deliverables through a design tool MCP, including all pages, state variants, component specifications, design tokens…
YangsonHung/awesome-agent-skills
Skill Claude CodeCodex
Use when building, modifying, or reviewing frontend UI where text overflow, layout, responsiveness, accessibility, and visual polish must be verified.
Plugin Claude Code
Bundles 8 skills · 382 tokens together
AI-native UX design system using uxscii standard - create, validate, and compose UI designs through natural language.
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: