Frontend

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.

animation

1609

dkadts/landing-kit-building

Skill Claude Code

Interactive motion brief. Six-section survey (page-load, scroll, text, blocks, micro-interactions, intensity) driven by the user's references from references/animation/ and references/motion/. Outputs brief/animation.md and appends motion tokens to DESIGN-LOCK §5. /build enforces the resulting animations as required…

not rated 2 24d ago A 68 tokens original MIT

svar-react

1610

svar-widgets/skills

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.

not rated 2 4mo ago A 48 tokens

tanstack-start-rsc

1611

CodingCossack/tanstack-start-rsc-skill

Skill Claude CodeCodex

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…

not rated 2 4mo ago A 128 tokens

alex-style

1612

worldofhacks/alex-style

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…

not rated 2 1mo ago A 70 tokens original MIT

paper-webpage-builder

1613

OpenRaiser/paper-webpage-builder

Skill Claude CodeCodex

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…

not rated 2 2mo ago A 78 tokens

richardcarls/solid-js-best-practices

Skill Claude Code

Solid.js best practices for AI-assisted code generation, code review, refactoring, and debugging reactivity issues. Use when working in any SolidJS project or codebase — writing components, auditing code, migrating from React, fixing signals and fine-grained reactivity bugs, or integrating web component libraries. 67…

not rated 2 2mo ago A 104 tokens original MIT

react-bits

1615

Philotheephilix/reactbits.dev-skill

Skill Claude CodeCodex

Use when adding an animated UI component, text effect, cursor/hover effect, or WebGL/canvas background to a React project via React Bits (reactbits.dev) — or when asked to recall/write a React Bits component's code, props, or install steps from memory instead of fetching it.

not rated 2 12d ago A 64 tokens

svelte-edge

1616

fifidayone/svelte-edge

Skill Claude CodeCodex

Future-first, self-sustaining guidance for writing modern Svelte 5 and SvelteKit 2/3 code. Use this skill whenever the user asks about Svelte, SvelteKit, or frontend code that is clearly Svelte. Contains embedded protocols for autonomous major version promotion and experimental feature lifecycles.

not rated 2 changed 8d ago A 68 tokens original MIT

flet-best-practices

1617

mykaro/ai-skills

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.

not rated 2 4mo ago A 74 tokens

atelier

1618

jangles-byte/atelier

Plugin Claude Code

Bundles 7 skills · 966 tokens together

Generative animation for Claude Code — flow fields, physarum, strange attractors, boids, reaction-diffusion, domain warping; GPU/WebGL2 GPGPU and raymarched SDFs; density-to-tone mapping, post-processing and art direction. Parameters are machine-verified, and a bundled capture script records the running result so the…

not rated 2 1mo ago A tokens not measured original MIT

figma

1619

Makiya1202/ai-agents-skills

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…

not rated 2 2d ago A 78 tokens

no-ai-slop

1620

claudiusararu/unslop-ui-skill

Skill Claude Code

Use when building, generating, or reviewing UI for a website, web app, or mobile app to make it look intentionally designed rather than AI-generated. Removes the common AI/template "tells" (default fonts like Inter/Geist, indigo and purple-blue gradients, cream backgrounds, grey low-contrast text, pill/eyebrow over…

not rated 2 2mo ago A 131 tokens original MIT

shopify-hydrogen

1621

display-design-studio/skills

Skill Claude CodeCodex

Hydrogen storefront implementation cookbooks. Some of the available recipes are: B2B Commerce, Bundles, Combined Listings, Custom Cart Method, Dynamic Content with Metaobjects, Express Server, Google Tag Manager Integration, Infinite Scroll, Legacy Customer Account Flow, Markets, Partytown + Google Tag Manager…

not rated 2 13d ago A 106 tokens

wp

1624

stuartshields/claude-setup

Agent Claude Code

Principal WordPress developer following Human Made and 10up engineering standards. Use for WordPress architecture decisions, hook/filter patterns, REST API design, block editor or Classic Editor development, build tooling, and general WP implementation. For read-only WP code review, use wp-reviewer instead. Adapts to…

not rated 2 3mo ago A 71 tokens original MIT

frontend-design

1625

kumbajirajkumar123/frontend-design

Skill Claude CodeCodex

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…

not rated 2 7mo ago A 77 tokens original MIT

3d-website-architect

1626

deveshpunjabi/3d-website-skill

Skill Claude CodeCodex

Expert skill for designing, building, and deploying modern premium websites with advanced animations and 3D interactive experiences using Three.js, React Three Fiber, GSAP, and Framer Motion. Use this skill whenever the user wants to build a website with 3D elements, create an immersive web experience, add interactive…

not rated 2 6mo ago A 240 tokens original MIT

scaffold

1627

Benja-Pauls/SerpentStack

Skill Claude CodeCodex needs its repo

Generate boilerplate for new API endpoints and frontend pages following this project's conventions (flush/commit transaction pattern, ownership enforcement, domain returns). Use when: adding a new resource, creating CRUD endpoints, wiring up a new frontend page, or asking 'how do I add a new feature end-to-end.'.

not rated 2 5mo ago A 63 tokens original MIT

retro-web-ui

1628

ririri-rgb/retro-web-ui

Skill Codex

Transform existing web application interfaces into Windows 98, Windows XP, Windows 7, or Japanese freeware 2000s desktop styles while preserving behavior. Use for repository-level retro UI conversions, not for greenfield mockups or bitmap-only artwork.

not rated 2 12d ago A 53 tokens original MIT

flutter

1629

zakariaf/Flutter-Skills

Plugin Claude Code

Bundles 40 skills · 7,790 tokens together

Best-of-breed general Flutter engineering skills — architecture, Riverpod 3.x state, testing, persistence, i18n/RTL, accessibility, performance, plus codegen/CI/migration runbooks — usable in any Flutter app.

not rated 2 15d ago A tokens not measured original MIT

daisyui-mcp-server

1631

matracey/daisyui-mcp-server

MCP server Claude CodeCodexCursor +2

MCP server for daisyUI React components — search docs, props, and code examples from any AI coding assistant 🌼. Runs locally from the daisyui-mcp-server npm package.

not rated 2 2d ago A tokens not measured original MIT

feature-sliced-design

1632

aiko-atami/fsd

Skill Claude CodeCodex

Apply Feature-Sliced Design (FSD) v2.1 architectural methodology to frontend projects. Use when organizing code structure, decomposing features, creating new components or features, refactoring existing codebases, or when users mention "FSD", "Feature-Sliced", layers, slices, or frontend architecture patterns.

not rated 2 7mo ago A 68 tokens

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: