14,686 tagged Frontend, measured the same way as everything else here.
Browse within: reference 201checklist 198front-end-developer-tool 198front-end-development 198guidelines 198agent 107javascript 107LLM 101agentic-ai 101skills 96cursor 84chatgpt 58nextjs 56copilot 51
Skill Claude Code needs its repo
Architecture and coding rules for single-page applications using web components, BCE layering, lit-html templating, unidirectional Redux-style state management (reduction.js, standards-based), and standards-based client-side routing (Navigation API + URLPattern). Web standards and web platform first, minimal external…
Skill Claude CodeCodex
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
Michael-Obele/shadcn-svelte-mcp
Skill Claude CodeCodex
Use when building, redesigning, beautifying, or refactoring SvelteKit pages and reusable components with shadcn-svelte, Bits UI, or the shadcn-svelte MCP. Trigger on landing pages, dashboards, marketing sites, app shells, forms, navbars, tables, dialogs, charts, sidebars, auth screens, blocks, responsive layouts…
Skill Claude CodeCodex
Integrate applications with AI Gateway using @macpaw/ai-sdk. Use for NestJS, Next.js, Vercel AI SDK, raw fetch migrations, video generation, voice listing, text-to-speech, credit balance queries, MacPaw AI, Setapp AI, createAIGatewayProvider, createGatewayFetch, createVideoClient, createVoiceClient…
Skill Claude CodeCodex
Skill "skill" from cozy/cozy-ui, covering cozy ui, quick start, what this skill provides, quick reference and components.
Skill Claude Code
Covers theming Ignite UI for React with CSS custom properties: brand palette, dark mode, size, spacing and roundness, per-component tokens, and scoped themes, optionally through the igniteui-theming MCP server. WHEN TO USE: applying brand colors, switching between light and dark, changing a component's appearance…
wechat-miniprogram/skyline-skills
Skill Claude CodeCodex
A development guide for Skyline, a mobile interface framework, covering scrolling, carousels, forms, images, text, draggable panels, and page animations. It also documents Skyline-specific components such as list views, grid views, sticky headers, and shared-element transitions.
Skill Claude CodeCodex
Run ambitious one-shot websites, web apps, games, simulations, clones, motion pieces, or benchmarks through fresh isolated subagents. Use for one-shot web artifacts, catalogue ideas, or parallel model/harness variants.
Skill Claude Code needs its repo
Verify UI implementation against Stitch design via a token audit (HTML ↔ Code, with X-component default-render checks) and an X-components compliance check.
Skill Claude CodeCodex
Frontend design mode for strong visual direction, UI polish, redesigns, landing pages, and production-grade interface work, including shadcn-based surfaces. Use when the user says /fd or explicitly asks for better design, styling, layout, visual quality, or UX polish.
Skill Claude CodeCodex
Expert guidance for React Flow (@xyflow/react): building interactive node-based graphs, custom nodes and edges, handles, state management, layouting, TypeScript patterns, performance optimization, accessibility, SSR, and theming. Use when writing React Flow code, creating custom nodes or edges, debugging flow issues…
richardkmichael/tailwindplus-downloader
Skill Claude Code
This skill should be used when the user asks to "add a component", "use a Tailwind Plus component", "build a UI", "create a form", "add a modal", "add a sidebar", "create a landing page", or needs any UI component from Tailwind Plus (formerly Tailwind UI). Use this when building pages, layouts, or UI elements with…
DopplerKuo/a11y-tw-audit-skill
Skill Claude Code
A Taiwan-focused web accessibility auditing tool for React, Next.js, and HTML code, checking against WCAG 2.2 AA and local Taiwan requirements.
auratech-lab/r3arxiv-react3-archive
Skill Codex
Plan, build, review, and debug React Three Fiber, Three.js, WebGL/WebGPU, shader, XR, asset-pipeline, physics, game, and creative 3D web app work using the R3ARXIV agent catalog plus absorbed R3F/Three.js skill patterns. Use when the task mentions @react-three/fiber, R3F, Drei, Three.js, WebGL, WebGPU, GLSL, shaders…
Skill Claude CodeCodex
PencilPlaybook is the UI Skills / Taste-Skill for Pencil.dev + Claude Code — a design playbook that gives Claude real perceptual psychology and senior-level guardrails so it stops producing averaged-out AI slop.
Intopia/intopia-web-accessibility-skill
Skill Claude Code
Build accessible web user interfaces that meet WCAG 2.2 Level AA. Use whenever generating HTML, CSS, JSX, TSX, React, Vue, or Svelte components, pages, forms, modals, or email templates - including small snippets.
nolly-studio/components-build-skill
Skill Claude CodeCodex
Build modern, composable, and accessible React UI components following the components.build specification. Use when creating, reviewing, or refactoring component libraries, design systems, or any reusable UI components. Triggers on tasks involving component APIs, composition patterns, accessibility, styling systems…
Skill Claude CodeCodex
Write, edit, or review Agent Spaces Workflow UI project code from a user-provided project path while looking up Workflow UI renderer, host component, and plugin source from the current working directory instead of MCP/runtime agent tools. Use when an external agent needs to work on Workflow UI React or HTML preview…
natdexterra/work-with-design-systems
Skill Claude CodeCodex
Inspect, build, or extend Figma design systems — and optionally sync them to code. Two modes in one skill: inspect mode (read-only audits with WCAG checks, component scoring, detached instance detection, handoff docs) and build mode (creating components with variable bindings, slot-based composition, structured…
Skill Codex
Initialize, adapt, audit, upgrade, or downgrade projects built from gcss-v3-site-framework. Use for A1/A2/B/C delivery profiles, static-brand/cms-brand/retail setup, Astro and Sanity page models, the C Retail Catalog & Content Foundation with read-only Shopify catalog mapping, Cloudflare Worker routes, project…
victoriaplummer/airtable-interface-extension-toolkit
Skill Claude CodeCodex
Complete SDK reference for building Airtable Interface Extensions — models, hooks, components, field types, write patterns, and common pitfalls.
Skill Codex
Plan web or iOS mobile interfaces from screenshots, Figma frame references, or a product brief; generate and explicitly approve full-screen visual previews for adaptation and independent design; rebuild approved directions as capture-safe static HTML with official assets; and push editable layers into Figma Design…
Skill Codex
Design, build, compose, implement, review, and contribute polished product interfaces with Motion Lexicon components and motion primitives. Use this skill when a user asks for a complete React page, landing page, dashboard, settings screen, or product surface in the Motion Lexicon visual language; asks what motion…
Skill Claude CodeCodex
Use this skill when integrating Quail UI into a Vue 3 frontend, migrating an existing screen to Quail UI components, or needing the library's themes, tokens, icons, demo-backed usage patterns, and agent-facing onboarding docs.
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: