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.
Daaaaave/agentic-workspace-core
Skill Claude CodeCodex
Use for frontend/UI build, change, redesign, polish, review, or Figma/screenshot implementation when visual quality, product-appropriate design taste, UX, responsive behavior, accessibility, component composition, or design-system consistency matters. Pair with software-development-workflow for code changes. Do not…
BESSER-PEARL/uml-drawing-skill
Skill Claude CodeCodex
Put a correct UML class diagram — as an embeddable image — into your docs. Use this skill whenever the user wants to add, draw, embed, or export a UML class diagram for a README, design doc, wiki, slide, or .md spec: it builds a structurally-correct model (classes, attributes, associations, inheritance…
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Audit designs against 19 rules across Figma files and code (HTML/CSS/React/Vue/Tailwind). Auto-detects framework and design system (MUI, Chakra, shadcn/ui, Ant Design, Radix, Bootstrap). Runs code superpowers across all 19 categories: aria, focus, contrast, tokens, responsive, motion, forms, navigation, spacing…
Skill Codex
Use when converting approved design sources, handoff packages, mockups, visual contracts, or UI blueprints into implementation code and visual parity evidence; also when visual implementation feels rough, stretched, under-specified, or needs section-level high-fidelity repair.
Skill Codex
Reconstruct an authorized reference website from a supplied URL with high visual, responsive, interaction, asset, and observable behavior fidelity. Use only when the user explicitly invokes $fetch or $codex-chef-workflows:fetch for site reconstruction; do not use for JavaScript Fetch API help, generic scraping or…
Skill Claude CodeCodex
Reconstruct a geometric PNG (logo, icon, monogram) as a clean native SVG with exact geometry and gradients, using an analyse -> measure -> model -> check -> residuals iteration loop scored by perceptual metrics. Use when asked to vectorise, trace or convert a PNG/WebP logo to SVG, recreate a logo's geometry, rebuild a…
Skill Codex
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.…
Cursor rule Cursor
A set of rules for applying changes from a VisBug buffer, which is a temporary list of visual edits. The rules describe how to calculate movement changes and preserve edit identifiers in the original HTML.
Skill Claude CodeCodex
A Figma design parser, where Figma is a tool for creating interface designs. It reads a design and lists its interface structure, visual styles, and required image files.
itsocialist/mcp-config-manager
MCP server Claude CodeCodexCursor +2
MCP server "figma-dev-mode", hosted remotely at 127.0.0.1, as configured in itsocialist/mcp-config-manager.
karlng279/ai-ready-product-workflow-v2
Skill Claude CodeCodex
Produces COMP-XXX component specifications from wireframes. Enforces COMP-XXX/COMP-XXX-EL-YYY ID format, ShadCN component mapping with variants and states, Tanstack Table full configuration, accessibility requirements, and AC traceability. Triggers on: component spec, COMP-XXX, ShadCN component, design to code…
Skill Codex
Direct, design, implement, animate, critique, audit, polish, and deploy distinctive production frontend interfaces for websites, landing pages, web apps, dashboards, mobile concepts, and desktop shells. Use for new frontend builds, redesigns, bland or visually generic UI, messy interfaces, design systems, Vue Bits or…
segunadebayo/design-eng-skills
Plugin Claude Code
Bundles 4 skills · 172 tokens together
State machine design, changeset writing, engineering writing, and component API design skills.
Skill Claude CodeCodex
A skill for turning video or presentation scripts into clear Excalidraw whiteboard diagrams. Excalidraw is a drawing tool for hand-drawn-style diagrams.
Cursor rule Cursor
UI layout & surface design system for Portfolio v3. Enforce consistent boxes, sections, and page shells.
Skill Codex needs its repo
Transform existing or new websites, web apps, landing pages, dashboards, and UI prototypes into a refined modern Chinese ink-wash / guse-guoxiang visual style. Use when Codex is asked to make a site water-ink, sumi-e, Chinese classical, oriental, guofeng, ancient elegant, xuan paper, ink brush, or to apply the bundled…
Plugin Claude Code
Bundles 1 skill · 104 tokens together
Local visual editor for HTML design files. Click elements to edit text, fonts, layout, and backgrounds. Layers panel, transform handles, carousel multi-edit, PNG/JPG export.
Skill Claude CodeCodex
A guide for building React interfaces with the React Bits component framework. React is a JavaScript library for making web interfaces, and components are reusable pieces of a page.
clientIO/jointjs-claude-playground
Plugin Claude Code
Bundles 5 skills · 779 tokens together
JointJS-powered interactive playground skills — (1) code map visualizations for library/codebase architecture (supports local codebase analysis), (2) data explorer diagrams for database schemas and entity models (supports local schema files), both on a shared graph-explorer framework — (3) canvas builder for…
AmroJSawan/figma-design-system-skill
Skill Claude Code
Use this skill for ANY Figma design work executed via the Figma MCP Console plugin — including creating new design systems AND auditing, evaluating, and modernizing existing ones. Triggers: "create design tokens", "build a component", "set up a design system", "add variables to Figma", "build token foundation"…
Agent Claude Code
Expert in Unreal MCP widget creation. Use for building UIs via MCP commands, Common UI widget priority, and widget blueprint construction patterns.
Plugin Claude Code
Bundles 2 skills, 13 commands, 4 hooks · 140 tokens together
A highly customizable status bar plugin for Claude Code with multi-theme support, i18n, and real-time monitoring.
Plugin Claude Code
Bundles 9 skills, 1 hook · 639 tokens together
Rook — an MCP bridge for Rhino 3D and Grasshopper, with skills for designing, planning, and executing parametric definitions and LLM-powered Chirp components.
stephengpope/claude-design-importer
Plugin Claude Code
Bundles 1 skill · 87 tokens together
Convert pixel-exact design mockups (e.g. HTML from Claude's design tool) into production Tailwind / shadcn-on-Radix components that use a real token system instead of arbitrary values like text-[13.5px].
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: