18,961 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.
Plugin Claude Code
Bundles 1 skill · 138 tokens together
Accuracy-first cinematic website skill with timeboxed product-film production, reusable scroll media and fail-closed validation.
WCF900905/screenshot-to-design-system
Skill Claude Code
Extracts color tokens and component styles from UI screenshots by reading each control region individually (not full-page layout). Generates a complete design system demo with tokens.css and components.html. Ignores backgrounds and icons. Use when the user uploads a UI screenshot, asks for design tokens, color palette…
Skill Claude CodeCodex
Create polished interactive flowchart visualizations for complex codebases, workflows, data flows, prompt pipelines, and system/process maps using Cytoscape.js, Chroma.js, and Prism.js. Invoke only when the user explicitly asks for "flowchart" by name or asks to build an interactive flowchart visualization.
aliborhothamud/claude-melhores-skills
Skill Claude CodeCodex
Use when a landing page, marketing site, or hero section looks generic/AI-made ("cara de vibe coding") and needs a $10k-agency-level redesign, or when building a new landing from scratch. Triggers - "o site ficou com cara de IA", "quero uma landing premium", "redesenha a landing", "faz o site baseado em [site de…
Skill Codex
Design, build, refactor, or review polished responsive analytics dashboards, SaaS admin dashboards, business intelligence interfaces, and data-heavy product UI using Yafa-UI. Covers sidebar navigation, one-row page headers, multi-color KPI cards, charts, tables, filters, Lucide icons, accessible states, and mobile…
Skill Claude Code
Add a new named cabinet preset to cabineteer. Use when asked to add a preset, template, or canned design to presets.py (surfaced via listpresets / applypreset). Covers the CabinetPreset registration pattern, the opening-stack sum invariant, and the guard test that every preset must evaluate with zero errors.
Skill Codex
A design-system planning and implementation guide for frontend projects. A design system is a shared set of visual rules, reusable components, and accessibility practices for building consistent user interfaces.
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.…
Skill Claude CodeCodex
Product animation, UI motion, portfolio videos — Apple-grade reveals, motion tokens, full production pipelines.
MCP server Claude CodeCodexCursor +2
One of 2 in .mcp.json
MCP server "figma", hosted remotely at mcp.figma.com, as configured in mash-up-kr/Team-MINO-Android.
Cursor rule Cursor
Context: These guidelines apply specifically to the clr-lift library and the demo app. The ngx-lift library does not use Clarity Design System.
Skill Claude CodeCodex
Use when asked to visualize, explain visually, "show me", diagram, or make an HTML explainer or page for a concept, flow, architecture, trace, plan or comparison. Builds a beautiful, animated, token-efficient HTML page instead of prose and orchestrates design-direction, motion-choreography and visual-critique.
MCP server Claude CodeCodexCursor +2
Render and validate ArchSmith architecture diagrams from a governed JSON IR. Runs locally from the @archsmith/mcp-server npm package.
figueroaignacio/ignaciofigueroa.dev
Skill Claude CodeCodex
A page built by a model usually looks like the average of every page the model has seen: a centred headline over three lines, a little label above it, a row of icon cards, a soft gradient, a few thin rules and a monospace caption. Nothing in it is wrong and nothing in it was decided.
Skill Claude CodeCodex
Frontend design skill fused from Impeccable + custom extensions. Covers design philosophy, anti-AI-slop patterns, typography, color (OKLCH), spatial design, motion, interaction, responsive, UX writing, state management, engineering, and 4 style variants. Includes 20 command skills for audit/critique/polish/animate/etc.
darrenhinde/slidev-ai-presenations
Cursor rule Cursor
Cursor rule "theme-selection" from darrenhinde/slidev-ai-presenations, covering slidev themes guide, working with different themes in slidev presentations, at-a-glance theme selection, project-specific theme implementation and installing themes.
Skill Claude CodeCodex
A workflow for creating visual designs in the Figma desktop app through a coding agent. Figma is a design tool; the workflow can read design context and write design elements to its canvas.
MCP server Claude CodeCodexCursor +2
On-demand drift checks: declared CSS color, radius, spacing & type vs your own tokens or a pack. Remote server at swatchdog-mcp-970396648818.us-central1.run.app.
Skill Claude Code
Build or update a reusable UI component in src/components/ — primitives, composites, landmarks, content components. Trigger whenever the user wants to create or modify any .astro file under src/components/, add a variant or state to an existing component, do a visual refactor (spacing, hover lift, type), or build a…
Skill Claude CodeCodex
Comprehensive toolkit for creating consistent, cognitively-optimized Mermaid diagrams following the Mermaid Diagram Guidelines (MDG) v1.0 standard. Use for creating flowcharts, system architectures, process flows, sequence diagrams, ERDs, state diagrams, Gantt charts, mindmaps, class diagrams, and conceptual maps.…
Skill Claude CodeCodex
Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, dark/light themes, semantic navigation, optional trace motion, an optional 1200×630 Share Card PNG, and PNG/JPEG/WebP/SVG/WebM export. Accept plain-language requirements…
jinshiqwq/image-first-frontend
Skill Codex
Generate a polished frontend reference screenshot through a configurable GPT-image-2-compatible generations endpoint, save and show versioned previews inside the project, revise selected previews through a configurable /images/edits endpoint, and reproduce only the user-approved design as functional frontend code with…
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…
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…
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: