Frontend

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

akuguaaaa-png/wechat-mini-program-builder

Skill Codex

A planning and delivery guide for native WeChat Mini Programs, which are small apps that run inside WeChat. It covers requirements, screens, code structure, interface design, reviews, testing, and release preparation using WeChat's native technologies.

not rated 2 3mo ago A 109 tokens original MIT

AlshehriAli0/agent-skills

Skill Claude Code

Production conventions for TanStack Query (React Query): a five-file feature folder (types/requests/keys/queries/mutations), queryOptions() key factories with a single all() root per feature for hierarchical invalidation, QueryConfig/MutationConfig type helpers, optimistic updates with rollback, and useInfiniteQuery…

not rated 2 1mo ago A 119 tokens

JunMystery/Agent-Guidance-Python

Agent Claude Code

Web performance engineer focused on Core Web Vitals, loading, rendering, and network optimization. Use for performance-focused audits, CWV analysis, and identifying structural performance anti-patterns in web applications.

not rated 2 3mo ago A 45 tokens original MIT

feedback-studio

1708

baskb/feedback-studio

Plugin Claude Code

Bundles 4 skills, 3 hooks · 219 tokens together

A local commenting overlay for a website you're building (a static build or your local dev server) or a Markdown file, not public sites you browse. Click or tap any element (or select text) and leave typed or spoken feedback; comments persist to .feedback/, then you tell your agent 'PPF' (Please Process Feedback) to…

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

solar

1709

Stahlwalker/framework-solar

Cursor rule Cursor

Rules for building with Solar (solarbuild) — a runtime UI framework for AI-generated code.

not rated 2 3mo ago A 0 tokens original MIT

redux-saga

1710

anivar/redux-saga-skill

Skill Claude Code

Redux-Saga best practices, patterns, and API guidance for building, testing, and debugging generator-based side-effect middleware in Redux applications. Covers effect creators, fork model, channels, testing with redux-saga-test-plan, concurrency, cancellation, and modern Redux Toolkit integration. Baseline: redux-saga…

not rated 2 3mo ago A 109 tokens original MIT

tailwind-v4-migration

1711

RoninForge/roninforge-tailwind-v4

Cursor rule Cursor needs its repo

Tailwind CSS v3-to-v4 migration rules. Activated when the agent determines migration work is needed. Covers step-by-step upgrade process, common pitfalls, and automated migration tooling.

not rated 2 5mo ago A 36 tokens original MIT

cursorrules

1712

dev-lou/PixelPilot

Cursor rule Cursor

You are a front-end expert following the UI/UX 2026 design system.

not rated 2 7mo ago A 559 tokens original MIT

frontend-impl

1713

SufficientDaikon/sdd-vscode-agents

Agent Claude Code

Frontend Implementation agent that turns approved UI designs into production-ready code using the developer's chosen framework. Implements all pages, components, interactions, and responsive behavior.

not rated 2 8mo ago A 35 tokens original MIT

pub

1714

xmanatee/pub

Skill Claude Code

Create adaptive interfaces and real-time experiences via the pub CLI, with live P2P browser sessions.

not rated 2 2d ago C 22 tokens original MIT

concreto

1715

Bigrapb/Concreto

Skill Claude Code

Use when the user wants to design, analyze, audit, refine, or improve frontend interfaces. Covers websites, landing pages, dashboards, product UI, applications, components, design systems, and any visual interface. Handles UX review, visual hierarchy, information architecture, accessibility, performance, responsive…

not rated 2 4mo ago A 93 tokens original MIT

product-development

1716

andoter0501/wanAndroid

Skill Claude CodeCodex

An end-to-end workflow for building mobile and web products, from clarifying requirements and designing prototypes to coding and testing. It coordinates several design, architecture, coding, and testing tools.

not rated 2 6mo ago A 79 tokens

frontend-specialist

1717

danstrem2/clawdbot-skill-master-pack

Agent Claude Code

Senior Frontend Architect who builds maintainable React/Next.js systems with performance-first mindset. Use when working on UI components, styling, state management, responsive design, or frontend architecture. Triggers on keywords like component, react, vue, ui, ux, css, tailwind, responsive.

not rated 2 9mo ago A 63 tokens

utxo-AG/claude-skills

Skill Claude CodeCodex

Comprehensive web interface guidelines for accessibility, interactions, animations, layout, content, forms, performance, and design.

not rated 2 8mo ago A 28 tokens

shadcn-ui

1720

chidekina/aria-superpowers

Skill Claude Code

Complete shadcn/ui component library guide including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like buttons…

not rated 2 1mo ago A 73 tokens

convert-design

1721

stngcoding/skills

Skill Claude CodeCodex

Converts a Figma frame into pixel-perfect code in whatever stack the project uses — by extracting EXACT values via the Figma MCP and reproducing every visual property (borders, gradients, shadows, blurs, opacity) instead of eyeballing them. Use whenever the user shares a figma.com/design URL or dev link and wants…

not rated 2 5mo ago A 183 tokens

Okeysir198/P20251122-claude-skills

Skill Claude CodeCodex

Build and review production-grade web and mobile frontends using LiveKit with Next.js. Covers real-time video/audio/data communication, WebRTC connections, track management, and best practices for LiveKit React components.

not rated 2 11mo ago A 48 tokens

ux-code-audit

1723

4RSIM3R/skills

Skill Claude CodeCodex

Perform a static UX audit of any frontend or app codebase by traversing the code, without running the app or opening a browser. Use this whenever the user asks for a UX audit, UX review, design review, accessibility check, flow map, or "check my UI/UX", and no dev server or browser tool is available or wanted. Also…

not rated 2 3mo ago A 179 tokens

mockup-prototype

1724

labudis/skills

Skill Claude CodeCodex

Generate interactive HTML mockups from a description, iterate on them, and deploy to GitHub Pages or Vercel for sharing. Use this skill when the user wants to create a mockup, prototype, UI exploration, or design comparison, or when they want to deploy or share one.

not rated 2 7mo ago A 63 tokens

react-monorepo-init

1725

AICode-Nexus/skills

Skill Codex

Use when creating a new React web app, initializing a Vite frontend monorepo, bootstrapping a pnpm + Turborepo React starter, or setting up a standard React 19 + TypeScript workspace with React Router, TanStack Query, Zustand, Tailwind CSS v4, shadcn/ui, Vitest, MSW, and Playwright.

not rated 2 7mo ago A 81 tokens original MIT

uidiff

1726

williambout/skills

Skill Claude CodeCodex

Capture before/after screenshots of UI changes — production vs local dev — and produce a markdown comparison table ready for a GitHub PR. Use when the user wants before/after captures of UI work, a visual comparison of an element or page against production, or a PR-ready screenshot table. Triggers on "before/after"…

not rated 2 4mo ago A 90 tokens original MIT

flowglad-pricing-ui

1727

flowglad/skills

Skill Claude CodeCodex

Build pricing pages, pricing cards, and plan displays with Flowglad. Use this skill when creating pricing tables, displaying subscription options, or building plan comparison interfaces.

not rated 2 8mo ago A 40 tokens

CookieSparkLab/skills

Skill Claude CodeCodex

A visual design recipe that changes HTML, React or Vue pages to a neo-brutalist style: warm paper-like backgrounds, grids, thick black edges, square corners and solid offset shadows. React and Vue are tools for building web interfaces.

not rated 2 changed 26d ago A 263 tokens original MIT

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: