19,405 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.
199-biotechnologies/motion-dev-animations-skill
Skill Claude Code
Creates 120fps GPU-accelerated animations with Motion.dev (Framer Motion successor) for React, Next.js, Svelte, and Astro projects. Use when user requests animation, motion, scroll effects, parallax, hero animations, gestures, drag interactions, spring physics, whileHover effects, whileInView animations, animated UI…
Skill Codex needs its repo
Use when a user wants to turn a website, local web app, SaaS dashboard, internal tool, or existing frontend project into an inspectable Electrobun desktop app with appbun. Covers scaffolding, metadata, recipes, build diagnostics, native-runner packaging, and release readiness.
Skill Claude CodeCodex
Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards…
filipebraida/adonisjs-starter-kit
Skill Claude Code
Build an end-to-end CRUD stack in AdonisJS + Inertia: resource route → thin controller → VineJS validator → Bouncer policy → single-purpose action → transformer variant → Inertia page. Trigger on: "add CRUD for X", "create resource", "list/create/edit/delete X", "resource endpoint".
Skill Claude CodeCodex
Patterns for using Helios with Svelte. Use when building compositions in a Svelte environment, utilizing Svelte stores for reactive frame updates.
Skill Claude CodeCodex
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…
Plugin Claude Code
Bundles 5 skills, 1 MCP server · 900 tokens together
Web accessibility (a11y) skills for Claude Code: audit a site for WCAG 2.2 conformance, scan a page with the rule engine, run hands-on keyboard and screen-reader checks, fix violations, and catch regressions in CI.
unoplat/unoplat-code-confluence
Cursor rule Cursor
This comprehensive reference document provides detailed information about TanStack components and Shadcn UI, serving as a definitive resource for implementing functionality with these libraries. Each section includes a concise description, documentation links, and detailed explanations of sub-concepts and features.
Plugin Claude Code
Bundles 7 skills, 1 command · 1,036 tokens together
Redesigns existing HTML from its own content. 17 visual directions, standalone offline pages. CLI + agent skill.
Skill Claude CodeCodex
These are the ONLY events that work for updating widgets. Use sendevent tool with these event types.
Skill Claude CodeCodex
Official Feature-Sliced Design (FSD) v2.1 skill for applying the methodology to frontend projects. Use when the task involves organizing project structure with FSD layers, deciding where code belongs, placing static assets (images, icons, fonts, PDFs), grouping closely related slices, defining public APIs and import…
Plugin Claude Code
Bundles 10 skills · 408 tokens together
Svelte 5 runes, SvelteKit data flow, routing, and structure patterns.
heyadam/claudedesign-to-swiftui
Plugin Claude Code
Bundles 1 skill, 1 command · 145 tokens together
Convert Claude-generated HTML design prototypes (URL or .tar.gz) into SwiftUI View files.
MickeyAlton33/web-designer-plugin
Plugin Claude Code
Bundles 1 skill, 1 command · 90 tokens together
Transforms AI code generation into award-winning web design. Injects real design thinking, creative patterns, and anti-AI-aesthetic techniques extracted from 38 of the world's best-designed websites.
Skill Claude CodeCodex
A design-system and component-style guide for uni-app WeChat mini-programs. It covers design tokens, neutral colors, spacing, typography, responsive layouts, component rules, animations, and style audits.
Skill Claude CodeCodex
Anti-slop frontend direction for landing pages, portfolios, editorial pages, and design-forward redesigns. Use after reading the brief to infer a fitting visual system, preserve existing product constraints, and run a strict pre-flight audit.
Skill Claude CodeCodex
Web design reference for building production-grade interfaces. Covers layout, typography, color, spacing, shadows, animation, accessibility, responsive design, components, performance, and UX psychology. Use when building UI, reviewing design quality, choosing design tokens, or making any visual design decision.
whistlegraph/aesthetic-computer
Skill Codex
Curate whistlegraph.org and make authenticated, narrowly scoped frontend changes through the Whistlegraph Desk Git workflow.
Skill Claude CodeCodex
React Router performance and architecture patterns. Use when writing loaders, actions, forms, routes, or working with React Router data fetching. Triggers on tasks involving React Router routes, data loading, form handling, or route organization.
Cursor rule Cursor
React 19 + Floating UI 0.27 conventions and pitfalls for floating/anchored components (tooltips, popovers, context menus, dialogs, selects).
Skill Claude CodeCodex
Animation patterns and best practices for Next.js/React applications. Use this skill when implementing animations, transitions, hover effects, page transitions, modals, or any motion in React components. Based on Emil Kowalski's "Animations on the Web" course.
Skill Claude CodeCodex
TanStack Query (React Query) for async operations, data fetching, caching, and state management. Use when fetching server data, managing async operations, caching responses, handling mutations, or any operation that benefits from automatic state management and caching.
Skill Claude CodeCodex
Create "How X Works" deep-dive explainer websites with the curious, technical-but-accessible style of howkeyboardswork.com. Use when asked to explain how something works, create an educational single-page guide, or build an interactive explainer site on any topic.
Weaverse/shopify-hydrogen-skills
Skill Claude CodeCodex
Use when recreating a reference website or brand hub in this Hydrogen plus Weaverse repo, especially when deciding whether to reuse sections, add global styles, update theme schema, or resolve conflicts between the live site and project brand guidelines.
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: