feature-flags-nextjs
PostHog feature flags for Next.js applications
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-19 00:11
Frontend & websites
10,866 results
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use when building or refining web components, pages, or apps…
agile-proto
Create static, browser-based UI prototypes with a zero-build stack built from z-proto, HTM UI, Tailwind CSS v4, Preact/htm, and preact-iso. Use when asked for…
ark-ui
Ark UI headless / unstyled component library. Zag.js based, Chakra UI v3 foundation. Supports React / Solid / Vue / Svelte. asChild, RootProvider, createListCollection,…
flutter-form
Build a form with validation
clone-page
High-fidelity webpage cloning. Use Playwright to progressively collect page data (DOM structure, styles, screenshots, assets), then build a complete HTML/CSS reproduction in stages. Supports two modes: quick reproduction and high-fidelity reproduction. Use this skill when the user needs to clone, replicate, reproduce, or imitate a webpage. When the user provides a URL and asks to "make an identical page," "clone this page over," ...
component-organization
Frontend directory structure and file organization patterns. Apply when creating new components or restructuring frontend code.
budge
Use when making single-property CSS or Tailwind visual changes in Next.js App Router projects. Presents a floating control widget on the page so the user can…
nextjs-bundle-optimizer
Next.js 16 bundle-size and build-time optimization — runs a data-driven iteration loop: measure baseline → analyze top offenders → apply ONE recipe →…
web-styling-cva
Class Variance Authority - type-safe component variant styling with cva(), compound variants, and VariantProps
frontend-design-systems
Workflow for generating production-quality frontend interfaces using React, Tailwind CSS, and shadcn/ui with strong focus on spacing, alignment, readability,…
font-measurement
Pixel-accurate font measurement for Even Realities G2 glasses — predict text layout dimensions matching the LVGL rendering engine. Use when sizing text…
react-testing-patterns
React component and hook testing patterns with Testing Library and Vitest. Use when writing tests for React components, custom hooks, or data fetching logic.…
motion
Web animations with Motion (formerly Framer Motion) for React -- gestures, scroll effects, spring physics, layout animations, SVG, micro-interactions, loading…
tanstack-start
Full-stack React framework built on TanStack Router. Type-safe routing, server functions, SSR/streaming, middleware, and multi-platform deployment. Use when…
web-prototype
Clone live web pages into a local Next.js + Tailwind CSS project for rapid prototyping. Use this skill whenever a user shares a URL or screenshot and wants to…
syncfusion-react-spreadsheet-editor
Use this skill for React apps needing Excel-like UI using the Syncfusion Spreadsheet Component. Trigger for creating, viewing, editing Excel (.xlsx, .xls,…
reactflow-fundamentals
Use when building node-based UIs, flow diagrams, workflow editors, or interactive graphs with React Flow. Covers setup, nodes, edges, controls, and…
to-html
Render an explanation, analysis, plan, findings doc, or draft as a single self-contained HTML file (generous whitespace, sparse prose, diagram-first, one…
react-specialist
Expert React developer specializing in React 18+, Next.js ecosystem, and modern React patterns. This agent excels at building performant, scalable React…
performance-profiling
Application performance profiling and bottleneck identification — Node.js profiling, Chrome DevTools, flame graphs, memory leak detection, CPU profiling, React…
electron
Build cross-platform desktop apps with JavaScript, HTML, and CSS. Use when building or maintaining Electron apps, configuring IPC/security, or packaging and…
tanstack-virtual
TanStack Virtual for virtualizing large lists, grids, and tables. Use when rendering thousands of rows, implementing infinite scroll, or optimizing large data…
frontend-expert
Frontend development expert including UI/UX patterns, responsive design, and accessibility