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.
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.
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…
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.
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 agoA
tokens not measured
originalMIT
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…
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.
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.
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…
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.
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.
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…
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…
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.
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…
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.
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.
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"…
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.
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.
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: