Frontend

20,504 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.

building-ui

97

Intelligent-Internet/ii-agent

Skill Claude CodeCodex needs its repo

Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.

not rated 3.4k +2 2mo ago A SkillSpector: warn 30 tokens original Apache-2.0

vuejs-ai/skills

Skill Claude CodeCodex

Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for…

not rated 3.3k +41 14d ago A Socket: passSnyk: passSkillSpector: pass 80 tokens original MIT

Project Scaffolder

99

microsoft/skills

Agent Claude Code needs its repo ✓ vendor

Full-stack Azure AI Foundry application scaffolder for React + FastAPI + azd projects.

not rated 3.2k +20 yesterday A 23 tokens original MIT

ux-ui-agent-skills

100

plugin87/ux-ui-agent-skills

Plugin Claude Code

Bundles 26 skills, 1 command, 1 agent, 3 hooks, 2 MCP servers · 1,941 tokens together

Turn Claude into a senior design architect: DTCG design tokens, 52 components, WCAG 2.2 AA to AAA accessibility, 2,144 brand-grade design systems, any-framework code generation, and 52 objective quality gates that fail the build instead of claiming success.

not rated 3.1k +45 changed 11d ago A tokens not measured original MIT

shadcn-ui-mcp

101

Jpisnice/shadcn-ui-mcp-server

Skill Claude CodeCodex

Skill "shadcn-ui-mcp" from Jpisnice/shadcn-ui-mcp-server, covering shadcn/ui mcp for codex and when to use.

not rated 3.1k +12 1mo ago A 20 tokens original MIT

verify-behavior

102

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 2d ago A SkillSpector: warn 68 tokens original MIT

naming-conventions

103

rilldata/rill

Cursor rule Cursor

Naming conventions for files and components in the Rill web frontend codebases.

not rated 3.0k +11 yesterday A 0 tokens original Apache-2.0

spartan

104

spartan-ng/spartan

Skill Claude Code

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 3.0k +14 changed 7d ago A Socket: passSnyk: passSkillSpector: warn 115 tokens original MIT

jpudysz/react-native-unistyles

Skill Claude Code

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 3.0k +1 changed 3d ago A SkillSpector: pass 104 tokens

blowfish

106

nunocoracao/blowfish

Plugin Claude Code

Bundles 1 skill · 67 tokens together

Teaches coding agents how to install, configure, and build sites with the Blowfish Hugo theme.

not rated 2.9k +4 2d ago A tokens not measured original MIT

runkids/skillshare

Skill Claude Code

Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/). Use this skill whenever you: build or modify a dashboard page or component in ui/src/, style or layout website pages or custom CSS in website/, create new React components for the dashboard, add pages to the dashboard…

not rated 2.9k +56 changed 1mo ago A SkillSpector: pass 162 tokens original MIT

shadcn-ui-flutter

108

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 +7 3d ago A Socket: passSnyk: passSkillSpector: pass 58 tokens original MIT

web-haptics

109

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 +15 2mo ago A 47 tokens original MIT

motion-design

110

LottieFiles/motion-design-skill

Skill Claude CodeCodex

Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions, loading states, page transitions, scroll-triggered effects…

not rated 2.8k +189 5mo ago A Socket: passSnyk: passSkillSpector: warn 82 tokens original MIT

oil-motion

111

oil-oil/oil-motion

Skill Codex

A skill for designing and implementing interactive web animation controlled by inputs such as scrolling, pointer movement, dragging, touch, audio, data, or component state. It covers the visual plan as well as the webpage code that runs the animation.

not rated 2.8k +58 changed 1mo ago A 172 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.8k +3 6mo ago A Socket: passSnyk: pass 81 tokens AGPL-3.0

uncodixfy

113

cyxzdev/Uncodixfy

Skill Claude CodeCodex

Prevents generic AI/Codex UI patterns when generating frontend code. Use this skill whenever generating HTML, CSS, React, Vue, Svelte, or any frontend UI code to enforce clean, human-designed aesthetics inspired by Linear, Raycast, Stripe, and GitHub instead of typical AI-generated UI.

not rated 2.7k +5 7mo ago A 66 tokens original MIT

using-docs-kit

114

lobehub/lobe-icons

Skill Claude CodeCodex

Set up and author a documentation site with @lobehub/docs-kit (the lobedocs CLI, React Router + Vite static docs used by ui.lobehub.com). Covers consumer repo layout, docs.config.ts, package scripts, component doc pages (index.mdx frontmatter, ?demo imports, , ), guide pages, home page, changelog, and the build-time…

not rated 2.7k +17 3d ago A 157 tokens original MIT

vgpu

116

vercel-labs/vgpu

Skill Claude CodeCodex ✓ vendor

Build, debug, test, and optimize WebGPU projects using vgpu, its CLI, or @vgpu packages. Use for vgpu API questions, WGSL workflows, browser or Node rendering, integrations, testing, performance work, and Blender asset modeling, baking, and runtime integration.

not rated 2.6k +12 changed 1mo ago A Socket: passSnyk: passSkillSpector: warn 61 tokens original MIT

portaljs

117

datopian/portaljs

Plugin Claude Code

Bundles 14 skills, 25 commands · 2,272 tokens together

Agentic skills for building PortalJS data portals — recommend an architecture, scaffold a portal, add datasets, charts, and maps, connect a CKAN backend, deploy, and audit data quality.

not rated 2.4k +1 9d ago A tokens not measured original MIT

data-table-filters

118

openstatusHQ/data-table-filters

Cursor rule Cursor

Install and wire up data-table-filters — filterable React data tables with server-side filtering, faceted counts, infinite scroll, and virtualization, delivered as shadcn registry blocks.

not rated 2.3k +3 changed 1mo ago A 37 tokens original MIT

tinyvue-develop-spec

119

opentiny/tiny-vue

Skill Claude CodeCodex

Development rules for a TinyVue component library that supports Vue 2 and Vue 3, desktop browsers, and mobile-first layouts. They separate templates, reusable logic, styles, design rules, localization, and tests.

not rated 2.3k +5 7d ago A SkillSpector: pass 12 tokens original MIT

interactive-dashboard

120

ginlix-ai/LangAlpha

Skill Claude CodeCodex

Interactive web dashboards: stock trackers, sector heatmaps, portfolio monitors, served via preview URL.

not rated 2.2k +32 changed 11d ago A SkillSpector: warn 21 tokens original Apache-2.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: