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
Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke…
Cursor rule Cursor
Motion, parallax, 3D, shader, and performance rules for distinctive frontend work.
Plugin Claude Code
Bundles 28 skills · 2,920 tokens together
Agent Skills and specialist agents for Drupal and WordPress development. PR workflows (create, review, release, conventional commits), design-to-code (Figma → WordPress blocks / Drupal paragraphs) with responsive styling and real-browser validation, test scaffolding and coverage analysis, documentation generation…
Cursor rule Cursor needs its repo
You are an expert full-stack TypeScript engineer working with Next.js. Produce production-ready code that follows modern Next.js App Router patterns and best practices.
Just-Agent/just-progress-bar-skill
Skill Claude CodeCodex needs its repo
Design, select, generate, and audit accessible creative progress bars for React, HTML/CSS, Gallery demos, recipes, CLI workflows, and Agent/MCP integrations.
Skill Claude CodeCodex
Expert Chrome developer skill covering advanced browser APIs and capabilities. Use this skill whenever working on Chrome extensions (Manifest V3), WebAssembly (Wasm 3.0), WebGPU (graphics and compute), WebNN (neural network inference), Chrome Built-in AI (Gemini Nano Prompt API, Summarizer, Translator), local ML model…
Skill Claude Code needs its repo
Use the ng-blatui Angular UI library in an app — install, import components (bui-prefixed, signal-based, zoneless, SSR-safe), theme with Tailwind v4 + oklch tokens, localize dates/numbers/labels, and discover the full catalog via the registry, api.json, llms.txt or the ng-blatui-mcp MCP server. Invoke when building…
atesgoral/vite-plugin-mcp-client-tools
MCP server Claude CodeCodexCursor +2
MCP server "example-vite-client-tools", hosted remotely at localhost, as configured in atesgoral/vite-plugin-mcp-client-tools.
Skill Claude CodeCodex
Use when designing, reviewing, refactoring, or enforcing Angular application architecture with isolated lazy features, eager core/layout, reusable ui/pattern architecture building blocks, one-way dependency graphs, eslint-plugin-boundaries rules, or folder placement decisions. This skill takes precedence over…
doublesq97-ui/su-webstyle-top12
Skill Codex
Curated Top 12 overseas web styles with executable recipes: browse, choose, recommend, auto-select, and apply. Use for website visual direction, landing pages, style boards, artifacts (cards, dashboards, note readers, sticky-rail ops shells), and skinning existing layouts. Raises a minimum style floor (tokens…
alper-dev/build-for-good-ux-skill
Skill Claude CodeCodex
Audit, build, or refactor frontend UI components, pages, forms, and interactive flows to implement complete UX states (loading, success, error, empty), resilient async degradation, accessible button interactions, error recovery, Fitts's Law mobile touch targets, and choice simplification. Use when creating or…
crafter-station/remotion-clone-video
Skill Claude CodeCodex
Pixel-perfect clone of any video (promo, product demo, motion-graphics piece, UI walkthrough) as a Remotion project, so the result is regenerable and editable as React code. Use when the user provides a video file and asks to clone, recreate, replicate, or rebuild it "as code", "with Remotion", or "pixel perfect".…
Plugin Claude Code
Bundles 1 skill · 216 tokens together
Unified design engineering agent — converts Figma designs into production-ready frontend systems and enforces an opinionated engineering handbook (React, Next.js App Router, TypeScript, Tailwind, ShadCN, Framer Motion, a11y, performance, AI/trading/crypto UI patterns).
Trustless-Work/trustlesswork-backoffice
Cursor rule Cursor
You are acting as a Senior Fullstack Developer working on a Next.js.
GrishaAngelovGH/gemini-cli-agent-skills
Skill Claude CodeCodex needs its repo
Expert guidance for testing React applications using React Testing Library and Vitest. Focuses on user-centric testing, accessibility, and best practices for unit and integration tests to ensure robust and maintainable code.
Skill Claude CodeCodex
Build and debug MCP App-enabled tools in existing projects scaffolded by create-chapplin. Use when extending tools/.tsx with defineTool and defineApp , wiring structuredContent and meta for UI data flow, handling runtime differences across react/preact/solid/hono targets, or troubleshooting chapplin preview and…
Skill Claude CodeCodex
Angular enterprise architecture guidelines for structuring scalable, production-grade applications. Use when scaffolding a new Angular project, reviewing project structure, setting up feature slices, choosing state management, configuring data fetching, or making architectural decisions in an Angular/TypeScript…
Cursor rule Cursor
A set of instructions for an AI agent acting as a front-end developer, meaning someone who builds the parts of an application users see and interact with.
Skill Claude CodeCodex
Add CSS animations to HTML elements, React/JSX components, or WordPress PHP templates using Animate.css (v4.1.1). Use this skill whenever the user wants to animate UI elements, add entrance/exit effects, attention-seeker animations, or any CSS-based motion to their markup. Trigger on phrases like "add animation"…
Cursor rule Cursor
Standards for modern Frontend development using Next.js 16 (App Router), React 19, Tailwind CSS v4, and Shadcn/UI. Apply when working on apps/web or packages/ui.
MCP server Claude CodeCodexCursor +2
MCP server "basecoat-ui" as configured in Sorbh/basecoat-ui-mcp. Runs /absolute/path/to/basecoat-mcp/server.js with node.
AkyRayy/Frontend-Design-SKILLS-for-AI
Skill Claude CodeCodex
Design-quality skill for AI agents building websites, landing pages, and web app UI. Use whenever creating or restyling any web interface that must read as designed by a senior designer, not generated. Covers aesthetics and sub-styles (Linear, Stripe, Vercel, editorial, Swiss, brutalist), typography, color tokens…
Plugin Claude Code
Bundles 4 skills, 6 agents, 6 hooks · 759 tokens together
Motion forensics for the animated web. Four jobs against a live URL: decode (analyse motion + build, no code), clone (URL → React + Tailwind), verify (AE/SSIM + motion-parity score vs. an existing impl), extract (raw JSON dump). Extracts real CSS and animation params (GSAP / Framer Motion / Lenis / anime.js) directly…
claudiocebpaz/vite-react-best-practices
Skill Claude CodeCodex
Comprehensive React 19 and Vite 8 SPA performance, architecture, and deployment guidelines. Use this skill when building, reviewing, or refactoring React applications built with Vite (SPA). Covers Vite 8 build and static hosting requirements, React Router 8 route-level code splitting, TanStack Query v5 server state…
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: