20,540 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.
Skill Claude CodeCodex
Build CLI applications using React. Use when creating terminal UIs, handling keyboard input, or building interactive command-line tools with React components. Supports flexbox layouts, text styling, focus management, and accessibility.
Skill Claude CodeCodex
Priority-ordered rulebook of core UX/UI laws, cognitive-psychology principles, Nielsen's usability heuristics, and accessibility requirements that Claude must actively apply (not just cite) whenever it designs, builds, redesigns, reviews, or critiques any user interface — websites, web/mobile apps, dashboards, forms…
Skill Claude CodeCodex
Blender to web export workflows for 3D models and animations. Use this skill when exporting Blender models to glTF for web, optimizing 3D assets for Three.js or Babylon.js, batch processing models with Python scripts, automating Blender workflows, or creating web-ready 3D pipelines. Triggers on tasks involving Blender…
Agent Claude Code
Award-grade frontend ART + TECHNICAL DIRECTOR and orchestrator for the Atelier suite. Takes a single brief and returns a finished, premium, production-grade WEBSITE by running the image-first "design-then-code" pipeline across a specialist team (atelier-design-lead → atelier-build-engineer → atelier-ship-reviewer)…
chayan-1906/Claude-Lens-Next.js
MCP server Claude CodeCodexCursor +2
Next.js development tools MCP server with stdio transport. Runs locally from the next-devtools-mcp npm package.
cruzedevelopment/use-ui-libraries
Skill Claude Code
Enforces using existing UI component libraries, design systems, and registries instead of building components from scratch. Auto-triggers when building UI, creating components, designing pages, adding frontend features, or working on any web application interface.
Skill Claude CodeCodex
A workflow for creating frontend user-interface visuals with AI, from visual reference and real materials to generated code, browser screenshots, and visual comparison. It focuses on layouts, typography, exact text, interface states, and avoiding invented content.
ImYourBoyRoy/Portable_Web_toolkit
Plugin Claude Code
Agent skills for the Portable Astro + Cloudflare Web Toolkit.
Plugin Claude Code
Bundles 3 skills · 292 tokens together
Frontend Design Kit — UI, UX, components, charts & animation for Claude Code. Three skills in one: KokonutUI (polished React/Tailwind components), Bklit UI (charts & data-viz), and Anime.js v4 (animation engine).
halans/cc-marketplace-boilerplate
Plugin Claude Code
Bundles 1 skill, 2 commands, 1 agent, 1 hook, 1 MCP server · 76 tokens together
Commands, Agents and Hooks for building Websites.
yasirshabbirservices/Bricks-Builder-MCP
Skill Claude Code
Use when developing for Bricks Builder (WordPress): custom elements, controls, query loops, dynamic data tags, templates/element trees, Style Manager (global variables, color palettes, theme styles, breakpoints), custom fonts, global classes, interactions, popups, query filters, or debugging Bricks rendering/CSS…
sergekostenchuk/mouse-trail-masking-reveal
Skill Codex
Build, repair, tune, and validate interactive cursor-trail mask reveal hero effects in frontend projects. Use when implementing canvas-based base/reveal compositing, soft radial cursor masks, fading cursor trails, reveal debug controls, full-screen hero scenes without site text, or browser smoke checks for cursor…
alexconner-79/high-plains-drifter
Skill Claude CodeCodex
Align a design to your real Storybook components instead of reconstructing it. Use when turning a Figma frame into React built from an existing component library (Build mode), or when pulling scrappy exploratory code into line with the library once a direction feels right (Align mode). Triggers include "build this…
Skill Claude Code
Render a proposed UI change or set of design concepts as real HTML in the project's own design system, serve it locally, and loop on the operator's clicked decisions and inline annotations until they approve. The visual alternative to describing UI in a wall of terminal text or a markdown plan. Use when the operator…
Skill Claude CodeCodex
Visual helper for react-joyride in any React + Vite repo. /joyride-studio init scaffolds an in-browser capture inspector, the tour runtime, and a vite plugin. /joyride-studio start enables authoring so developers click real elements in the running app to define tour targets. /joyride-studio turns captures into a wired…
Skill Claude CodeCodex
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
Skill Claude CodeCodex
Use when building, configuring, styling, or modifying any SVAR React UI component from the @svar-ui/react- packages - widgets, layouts, menus, toolbars, calendars, popups, themes, and locales.
CodingCossack/tanstack-start-rsc-skill
Skill Codex
Implement, review, debug, and refactor TanStack Start React Server Components in React 19 apps. Use when tasks mention @tanstack/react-start/rsc, renderServerComponent, createCompositeComponent, CompositeComponent, renderToReadableStream, createFromReadableStream, createFromFetch, Composite Components, React Flight…
Skill Claude CodeCodex
Use when building or styling any web UI — landing pages, hero sections, dashboards, components, marketing sites — or when the user asks for beautiful, animated, or polished design, UI animations, animated backgrounds, gradients, icons, smooth scrolling, or design inspiration. Also use before reaching for the web to…
OpenRaiser/paper-webpage-builder
Skill Codex
Build a polished single-page academic project webpage from a paper directory or paper source, including content extraction, figure selection/conversion, module planning, visual design, tables, assets, and validation. Use when asked to create or update webpages for papers, benchmarks, arXiv-style projects, OpenRaiser…
richardcarls/solid-js-best-practices
Skill Claude Code
Version-aware Solid.js best practices for AI-assisted coding, review, and migration. Use for Solid components, reactivity, state, DOM work, testing, React migration, and web component integration.
Skill Claude Code
Idiomatic guide for Flet 1.0 applications. Covers declarative UI, hooks, observable state, services, async execution model, and breaking API changes from v0.x. Use this skill to write modern Flet code, migrate imperative apps to reactive patterns, apply breaking changes correctly, and avoid common pitfalls.
Skill Claude CodeCodex
Integrate with Figma API for design automation and code generation. Use when extracting design tokens, generating React/CSS code from Figma components, syncing design systems, building Figma plugins, or automating design-to-code workflows. Triggers on Figma API, design tokens, Figma plugin, design-to-code, Figma…
XMM17879829028/html-viewer-two-way-highlight
Skill Claude CodeCodex
Online HTML viewer, HTML runner, HTML test tool with real-time two-way code-element highlight. Click code to highlight preview element, click element to jump back to code. Ideal for HTML beginners.
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: