Frontend

29,099 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.

r3f-animation

73

zebbern/claude-code-guide

Skill Claude CodeCodex

React Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural motion, or implementing physics-based movement.

not rated 4.6k +4 2d ago A 43 tokens original MIT

guokaigdg/animal-island-ui

Skill Claude CodeCodex

Build React UIs in the animal-island-ui style — an Animal Crossing-inspired component library (warm earth tones, pill shapes, 3D game-button depth, soft motion). Use when (1) building pages or components with the animal-island-ui npm package in a React project; (2) generating a standalone single-file HTML page in this…

not rated 4.5k +58 2d ago A 107 tokens

nexu-io/html-video

Instructions file

Project instructions for html-video, an open-source tool that lets a coding agent create HTML-based videos through several rendering engines. A rendering engine is the software that turns the project files into video frames.

not rated 4.5k +30 2mo ago A 6,229 tokens original Apache-2.0

modern-css

76

paulirish/dotfiles

Skill Claude CodeCodex

Specialized knowledge for writing modern high-quality CSS. Trigger this skill when starting a new CSS project/file, when the user asks about new CSS features (e.g. Masonry, View Transitions, Container Queries, Scroll-driven animations), or requests refactoring of legacy styles to modern standards.

not rated 4.4k +1 6d ago A 61 tokens

archestra-ai/archestra

Skill Claude CodeCodex

Use for visual design direction on greenfield, user-facing surfaces — marketing and landing pages, generated apps, portfolio-style or standalone pages. NOT for routine Archestra platform UI work (dashboards, data tables, settings, forms, existing components) — use archestra-dev-frontend for that. Upstream intent…

not rated 4.2k +8 yesterday A 0 tokens

genoffice CLAUDE.md

78

genspark-ai/genoffice

Instructions file

Claude Code instructions for genspark-ai/genoffice, covering claude.md, theming rules (mandatory) and build gotchas.

not rated 4.2k +223 4d ago A 627 tokens original Apache-2.0

coss-particles

79

crafter-station/petdex

Skill Claude CodeCodex

Index of all COSS UI particle examples. Use when implementing UI features to find copy-paste-ready component patterns built on coss primitives. Each particle has a description and a JSON URL for easy installation.

not rated 4.0k +21 4d ago A 46 tokens original MIT

laravel/boost

Skill Claude CodeCodex ✓ vendor

Always invoke when the user's message includes 'tailwind' in any form. Also invoke for: building responsive grid layouts (multi-column card grids, product grids), flex/grid page structures (dashboards with sidebars, fixed topbars, mobile-toggle navs), styling UI components (cards, tables, navbars, pricing sections…

not rated 3.6k +2 4d ago A 151 tokens original MIT

UsefulSoftwareCo/executor

Skill Claude CodeCodex

Detects hand-rolled optimistic-update plumbing in React code that should be using effect-atom's Atom.optimistic and Atom.optimisticFn instead. Run on diffs touching packages/react/src/api/atoms.tsx, packages/react/src/pages//.tsx, or any file that imports an effect-atom mutation atom from ./api/atoms. The hand-rolled…

not rated 3.5k +55 3d ago A 102 tokens original MIT

autoform

83

vantezzen/autoform

Skill Claude CodeCodex

How to use the @autoform/ packages with React Hook Form or TanStack Form to automatically generate React forms from Zod, Yup, or Joi schemas with any UI library (shadcn/ui, MUI, Mantine, Ant Design, Chakra UI). Use this skill whenever the user wants to create a form from a schema, select a form adapter, build forms…

not rated 3.5k 1mo ago A 158 tokens original MIT

revogrid AGENTS.md

84

revolist/revogrid

Instructions file CodexOpenCode

AGENTS.md instructions for revolist/revogrid, covering revogrid agent instructions, source of truth, use revogrid mcp first when available, how to reason about revogrid and feature and licensing rules.

not rated 3.4k 3d ago A 756 tokens original MIT

threejs-interaction

86

CloudAI-X/threejs-skills

Skill Claude CodeCodex

Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.

not rated 3.2k +42 1mo ago A 44 tokens

verify-behavior

87

nicknisi/dotfiles

Skill Claude CodeCodex

Verify or reproduce visible product behavior by driving the real UI with pi-computer-use's checked tools, requiring verified expect postconditions and durable state evidence for meaningful UI flows. Use when triage needs visual reproduction, implementation needs behavioral proof, review needs interactive confirmation…

not rated 3.0k +1 yesterday A 68 tokens original MIT

markstream-install

88

Simon-He95/markstream-vue

Skill Claude CodeCodex

Install and wire markstream-vue, markstream-react, markstream-vue2, markstream-angular, or markstream-svelte into an existing repository. Use when Codex needs to choose the right package, install the smallest framework-specific peer-dependency set, fix CSS/reset order, choose Vue 3 renderer mode and built-in, plain…

not rated 3.0k 5d ago A 104 tokens original MIT

jpudysz/react-native-unistyles

Skill Claude CodeCodex

Migrate react-native-unistyles from v2 to v3. Triggers on: "migrate unistyles", "upgrade unistyles", "v2 to v3", "unistyles migration", "update unistyles", "convert unistyles v2". Covers all API changes including StyleSheet.create, useStyles removal, theme configuration, variants, withUnistyles, Babel plugin setup…

not rated 2.9k +3 22d ago A 104 tokens

spartan

90

spartan-ng/spartan

Skill Claude CodeCodex

Manages spartan/ui, the Angular UI library - adding, composing, fixing, debugging, and styling UI with the Brain (headless primitives) and Helm (styled) layers. Provides project context, component APIs, and usage examples. Applies when working with spartan/ui, @spartan-ng/brain, @spartan-ng/helm, the @spartan-ng/cli…

not rated 2.9k +9 changed yesterday A 115 tokens original MIT

rilldata/rill

Skill Claude CodeCodex

Guidance on writing fast, robust, modern Svelte code. Load this skill whenever in a Svelte project and asked to write/edit or analyze a Svelte component or module. Covers reactivity, event handling, styling, integration with libraries and more.

not rated 2.9k +10 yesterday A 59 tokens original Apache-2.0

add-component

92

f5/unovis

Skill Claude CodeCodex

Add a new visualization component to Unovis end to end — the TypeScript core, the shared registry, the generated framework wrappers, a dev example, a gallery example, and docs. Use when asked to add/create a new component, chart type, plot, or diagram to the library, or to wire an existing core component through to…

not rated 2.8k yesterday A 74 tokens original Apache-2.0

skills AGENTS.md

93

vuejs-ai/skills

Instructions file CodexOpenCode

AGENTS.md instructions for vuejs-ai/skills, covering vue skills development guide, branch strategy, development workflow, skill scopes and common pitfalls & best practices.

not rated 2.8k +7 3mo ago A 3,082 tokens original MIT

shadcn-ui-flutter

94

nank1ro/flutter-shadcn-ui

Skill Claude CodeCodex

A comprehensive Flutter UI library inspired by shadcn/ui. Provides high-quality, customizable, and accessible components including Buttons, Cards, Forms, and more. Use this skill when building Flutter UIs, implementing design systems, or needing specific component usage examples.

not rated 2.8k +3 yesterday A 58 tokens original MIT

web-haptics

95

lochie/web-haptics

Skill Claude CodeCodex

Add haptic feedback to web apps using the web-haptics library. Use when building mobile-facing UIs that need tactile feedback on buttons, toggles, forms, pickers, and other interactive elements.

not rated 2.8k +3 2d ago A 47 tokens original MIT

stellarlinkco/myclaude

Skill Claude CodeCodex

This skill should be used when users need to generate detailed, structured prompts for creating UI/UX prototypes. Trigger when users request help with "create a prototype prompt", "design a mobile app", "generate UI specifications", or need comprehensive design documentation for web/mobile applications. Works with…

not rated 2.7k +3 4mo ago A 81 tokens AGPL-3.0

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: