19,567 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.
ClawEnable/html-artifact-best-practices
Plugin Claude Code
Bundles 1 skill · 62 tokens together
Produces, reviews, and improves standalone single-file HTML artifacts using vanilla HTML, inline CSS, and vanilla JS — no frameworks or CDN. Use for: comparison matrices, interactive dashboards, timeline roadmaps, review surfaces, visual explainers.
Skill Claude Code
Production conventions for TanStack Query (React Query): a five-file feature folder (types/requests/keys/queries/mutations), queryOptions() key factories with a single all() root per feature for hierarchical invalidation, QueryConfig/MutationConfig type helpers, optimistic updates with rollback, and useInfiniteQuery…
JunMystery/Agent-Guidance-Python
Agent Claude Code
Web performance engineer focused on Core Web Vitals, loading, rendering, and network optimization. Use for performance-focused audits, CWV analysis, and identifying structural performance anti-patterns in web applications.
Skill Claude CodeCodex
GATED WRITE. Clone an existing well-built Mendix page (ideally a gold page) to a new name with optional entity rebinding, via the mxcli MDL round-trip. Routes through the shadow-write engine (7 safety pillars; live .mpr untouched until atomic swap). Pre-classifies the source page as SIMPLE / COMPLEX / UNCLONEABLE…
MCP server Claude CodeCodexCursor +2
MCP server for HeroUI component documentation via Model Context Protocol. Runs locally from the @heroui/react-mcp npm package.
Plugin Claude Code
Bundles 4 skills, 3 hooks · 219 tokens together
A local commenting overlay for a website you're building (a static build or your local dev server) or a Markdown file, not public sites you browse. Click or tap any element (or select text) and leave typed or spoken feedback; comments persist to .feedback/, then you tell your agent 'PPF' (Please Process Feedback) to…
Skill Claude CodeCodex
Best-practice guide for authoring a Muxy extension — how it should look and behave so it reads as a native part of the app. Covers theming (follow the theme, never hardcode colors), the sizing scale, and which surface to use. Mechanics (manifest fields, permissions, the window.muxy API) live in the linked docs.
Skill Claude Code
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
Rules for building with Solar (solarbuild) — a runtime UI framework for AI-generated code.
Skill Claude Code
Redux-Saga best practices, patterns, and API guidance for building, testing, and debugging generator-based side-effect middleware in Redux applications. Covers effect creators, fork model, channels, testing with redux-saga-test-plan, concurrency, cancellation, and modern Redux Toolkit integration. Baseline: redux-saga…
RoninForge/roninforge-tailwind-v4
Cursor rule Cursor needs its repo
Core Tailwind CSS v4 rules. Enforces correct v4 syntax and prevents common v3 fallbacks. Attach to all conversations involving Tailwind CSS.
Cursor rule Cursor
You are a front-end expert following the UI/UX 2026 design system.
Skill Claude Code
Create adaptive interfaces and real-time experiences via the pub CLI, with live P2P browser sessions.
Skill Claude CodeCodex
Extend this cloned Helios example app — add new controls, scenes, knobs, image flows, or features on top of @reactor-models/helios (pinned to ^0.9.0) without breaking the patterns the existing code already uses. Covers the SDK's connection / events / messages model, the phase-based UI architecture, the state snapshot…
Skill Claude Code
Use when the user wants to design, analyze, audit, refine, or improve frontend interfaces. Covers websites, landing pages, dashboards, product UI, applications, components, design systems, and any visual interface. Handles UX review, visual hierarchy, information architecture, accessibility, performance, responsive…
n-shadloo/frontend-production-engineer
Cursor rule Cursor
Production-grade frontend engineering for Next.js and TypeScript against a Django/DRF backend — plan first, verify the installed versions, never invent an API, keep the diff minimal, run the checks, and hold the work to a stated definition of done. Covers routing and rendering, the server/client boundary, the React…
Skill Claude CodeCodex
An end-to-end workflow for building mobile and web products, from clarifying requirements and designing prototypes to coding and testing. It coordinates several design, architecture, coding, and testing tools.
danstrem2/clawdbot-skill-master-pack
Agent Claude Code
Senior Frontend Architect who builds maintainable React/Next.js systems with performance-first mindset. Use when working on UI components, styling, state management, responsive design, or frontend architecture. Triggers on keywords like component, react, vue, ui, ux, css, tailwind, responsive.
abhishekray07/agents-md-templates
Cursor rule Cursor
React component conventions.
Skill Claude CodeCodex
Comprehensive web interface guidelines for accessibility, interactions, animations, layout, content, forms, performance, and design.
Skill Claude Code
Complete shadcn/ui component library guide including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like buttons…
Skill Claude CodeCodex
Converts a Figma frame into pixel-perfect code in whatever stack the project uses — by extracting EXACT values via the Figma MCP and reproducing every visual property (borders, gradients, shadows, blurs, opacity) instead of eyeballing them. Use whenever the user shares a figma.com/design URL or dev link and wants…
Skill Claude Code
Live parameter tweaking and design exploration for React projects using the dialkit npm package. Triggers on "design with dialkit", "live parameter tweaking", "interactive design exploration", "tweak parameters", "tune values", "explore design directions", "dial in this component", "design exploration", or invokes…
Okeysir198/P20251122-claude-skills
Skill Claude CodeCodex
Build and review production-grade web and mobile frontends using LiveKit with Next.js. Covers real-time video/audio/data communication, WebRTC connections, track management, and best practices for LiveKit React components.
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: