Web
steedos-webapps
Custom React + Vite webapps in Steedos packages (webapps/ directory). TRIGGER: webapps/ directory, React + Vite SPA; custom amis Renderer components (IIFE, amisRequire, ScopedConte…
Web
featbit-sdks-react
Expert guidance for integrating FeatBit React Client SDK in React web applications. Use when user asks about "React SDK", "React feature flags", "FeatBit React", "useFlags hook", "…
Web
streamdown
Guidance for Vercel's Streamdown library, a streaming-optimized react-markdown replacement. Use for rendering AI-generated markdown from useChat/streamText, building chat UIs, migr…
Web
forge-frontend-nextjs
Next.js 16 with React Server Components and Tailwind 4. Emphasizes server-first rendering, streaming with Suspense, server actions, app router conventions, async page params, and p…
Web
xantham-21st-bridge
Generates React UI components such as pricing tables, forms, modals, dashboards, navbars, heroes, and chat surfaces with sensible defaults. Routes to an external browser flow for i…
Design
ui-ux-pro-max
UI/UX design intelligence covering 67 styles, 161 palettes, 57 font pairings, 25 charts, and 16 stacks including React, Next.js, Vue, Svelte, SwiftUI, Flutter, and Tailwind. Use fo…
Web
Accessibility Lead
Accessibility team lead and orchestrator. Use on every task involving web UI code, HTML, JSX, CSS, React components, web pages, or user-facing web content. Coordinates the accessib…
Web
server-components-design
Guides design and review of React Server Components: async behavior, data fetching, server-only imports versus disallowed client features like state, effects, and browser APIs. Cov…
Engineering
sports-center-helper
Support development, build, deployment, and maintenance of D-Sport Center projects with Spring Boot backend and React frontend including feature additions, structure checks, testin…
Engineering
fireworks-react
React component development, render optimization, Zustand state management, error boundaries, hooks usage, Server Components, Suspense, concurrent features, and PR reviews. Support…
Research
hack-feed
Collects deep OSS hacker news and explains each item with focus on JavaScript/React internals, TC39, V8, fiber/scheduler, transpilation, bytecode, memory model, and JIT topics. Use…
Engineering
project-scaffolding
Interactive project generator supporting 70+ frameworks and languages including React, Next.js, Vue, Astro, Flutter, FastAPI, Django, Express, Go, Rust, and serverless setups. Hand…
Web
agevolt-datagrid-v4-view-designer
Design AgeVolt DataGrid V4 views for product or non-programming tasks. Create menu_view specs, columns, presets, visibility, sorting, filtering, grouping, renderCell, valueFormatte…
Engineering
fix-bug
Structured bug-fix workflow for the Speicher Analyse Tauri app (React + Vite frontend). Reads open issues, performs deep analysis, implements the fix, updates the changelog, and cl…
Design
ui-ux-methodology
UI/UX reference containing 50+ visual styles, 161 palettes, 57 font pairings, 161 product types, 99 guidelines, and 25 chart types across 10 stacks including React, Next.js, Vue, S…
Engineering
myco:safe-config-updates
Route all Myco configuration writes through updateConfig in packages/myco/src/config/loader.ts and spread original config before overlaying form values in formToConfig to prevent s…
Productivity
project-learn
Project-based programming curriculum that teaches React, Tailwind, Next.js, TypeScript, Zustand, and Axios by reading and refactoring existing code. Activate on mentions of learnin…
Web
react-performance-and-delivery-optimization
Defines and audits React app performance and delivery against Web Vitals after route budgets are set. Produces per-route budgets, code-splitting plans, image/font posture, third-pa…
Engineering
assembling-components
Assemble component outputs from design skills into unified, production-ready systems with validated token integration and proper import chains. Capstone step after theming, layout,…
Engineering
performance-optimization
Optimize application performance for speed, efficiency, and scalability. Applies to page load times, bundle size reduction, database query tuning, and resolving bottlenecks across …
Web
threejs-react-components
Library of Three.js and React Three Fiber components for building 3D web experiences. Includes optimized Canvas setup, mobile detection, performance rules, and ready-to-use element…
Engineering
ts-audit
Audit TypeScript and React code against expert-level best practices from Total TypeScript references. Use for reviews, type safety checks, generics, narrowing, branded types, discr…
Web
react-composition
Scale React composition patterns for components with many boolean props. Refactor to flexible APIs using compound components, render props, context providers, and modern component …
Web
component-search
Searches component registries for production-ready React components. Finds components by natural language description, filters by framework and style system, and returns ranked res…
Content
tech-article-humanizer
Convert technical drafts or source material into natural, high-quality Japanese articles. Handles TypeScript, JavaScript, React, and frontend topics using established human-writing…
AI / ML
elevenlabs-agents
Build conversational AI voice agents with ElevenLabs. Configure agents, tools, RAG knowledge bases, multi-voice support, and Scribe STT for React, React Native, or Swift projects. …
Web
hooks-patterns
Analyzes React Hooks principles: render timing for state, Rules of Hooks, dependency contracts, useEffect alternatives, derived vs stored state, custom hook extraction, and memoiza…
Web
react-code
Patterns and conventions for writing and editing React code, including components and hooks. Use when writing or reviewing components, hooks, event handlers, or debugging stale clo…
Web
build-app
Designs and builds complete Next.js web apps from problem descriptions using a full product pipeline: problem mapping, personas, interviews, MVP definition, scaffolding, implementa…
Web
fe-learning
Frontend learning orchestrator that creates study plans, explains concepts, designs exercises, sets up React/Next.js/TanStack Query/Tailwind architectures, writes tests, and manage…
Web
react-composition-patterns
Apply scalable React composition patterns including compound components, state lifting, explicit variants, and React 19 updates. Eliminate boolean prop bloat and design flexible, r…
Content
remotion-render
Render MP4 video from React or Remotion TSX source code. Accepts component code and returns rendered output using the full Remotion API including useCurrentFrame, useVideoConfig, s…
Content
remotion-render
Render MP4 video from React or Remotion TSX source code. Accepts component code and returns rendered output using the full Remotion API including useCurrentFrame, useVideoConfig, s…
Content
remotion-render
Render MP4 video from React or Remotion TSX source code. Accepts component code and returns rendered output using the full Remotion API including useCurrentFrame, useVideoConfig, s…
Content
remotion-render
Render MP4 video from React or Remotion TSX source code. Accepts component code and returns rendered output using the full Remotion API including useCurrentFrame, useVideoConfig, s…
Web
accessibility-compliance-audit
Audits web codebases for WCAG 2.2 AA compliance across HTML, React, Vue, and Angular. Detects violations in semantics, ARIA, focus, contrast, and forms, then explains impact and su…
Web
portable-text-serialization
Render and serialize Portable Text across React, Svelte, Vue, Astro, HTML, Markdown, and plain text. Supports custom serializers, server-side HTML conversion, Markdown export, and …
Web
stitch-nextjs-components
Transforms Stitch designs into production Next.js 15 App Router components with Server/Client separation, CSS variable dark mode, strict TypeScript, ARIA compliance, and responsive…
Web
react-design-system-and-accessibility
Integrate, review, or harden React design systems and accessibility. Wire design tokens, compose accessible primitives, apply theming, meet WCAG 2.2 AA, and enforce keyboard naviga…
Web
myco:daemon-settings-form-patterns
Patterns for config toggles that mutate files beyond myco.yaml and for compound provider+model dropdowns. Covers side-effect reconciliation and provider/model selector behavior in …
Engineering
add-full-slice
Builds an end-to-end capability: backend vertical slice (contracts, handler, validator, endpoint) plus the connected React page. Composes add-feature and add-react-page for complet…
Web
dating-web
Generates a consumer-style dating or matchmaking dashboard with navigation, community signals, KPIs, match charts, and editorial typography for any brief involving social or commun…
Documentation
stitch::extract-design-md
Build a DESIGN.md design system by analyzing frontend source—React, Vue, Svelte, Angular, or plain HTML/CSS. Reads components, styles, Tailwind configs, and tokens for audits or re…
Web
complex-state-management
Production patterns for managing complex application state in React without external state libraries. Covers multi-stage loading, command patterns, refs for performance, and parall…
Web
fusecore
Laravel 12 modular monolith with auto-discovery, React integration, and SOLID principles. Use when creating modules, understanding FuseCore structure, or implementing features in F…
Web
myco:ui-development-and-visual-identity
Covers procedures for building, maintaining, and extending React UI components and multi-instance visual identity with theme variants, coordination across instances, and frontend b…
Web
site-generation
Runs an end-to-end AI website generation pipeline that produces multi-file Vite+React+Tailwind sites from pre-researched business data with brand extraction, media handling, and de…
Design
add-frontend-architecture
Guides frontend project structure, folder organization, feature boundaries, and scaling choices. Framework-aware for React, Vue, and Angular. Advises only—does not write code or de…
Web
astro-developer
Guidance for building and maintaining Astro projects including components, routing, islands architecture, React and Tailwind integrations, TypeScript patterns, API routes, testing,…
Web
frontend-components
Creates reusable UI components with single responsibilities, clear prop interfaces, proper state management, and minimal coupling. Use for React components, API design, composition…
Web
landing-page-generator
Generates complete Next.js/React landing pages with Tailwind, hero sections, feature grids, pricing, FAQs, testimonials, and CTAs using PAS, AIDA, and BAB frameworks plus SEO and p…
Web
vite-flare-starter
Scaffold a full-stack Cloudflare application using React 19, Hono, D1+Drizzle, better-auth, Tailwind v4+shadcn/ui, TanStack Query, R2, and Workers AI. Run setup.sh to clone, config…
Web
react-component-development
Component patterns and best practices for React with TypeScript. Covers functional components, custom hooks, state management, composition, error boundaries, server components, and…
Web
web-component-design
Expert in React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture for UI libraries, component APIs, and frontend …
Web
agent-elements
Use for building or modifying chat, agent, or tool-calling UIs in React 19 + Tailwind v4 projects, especially when importing from @/components/agent-elements/* or when the folder e…
Web
fe-workshop
Creates frontend projects, configures architecture, writes learning examples, and sets up development tooling including React/Next.js, TanStack Query, Tailwind, ESLint, Prettier, a…
Web
frontend-component-build
Creates production-ready frontend components with accessible markup, defined props, clear states, and tested behavior. Use for new components, refactors, API design, or implementin…
Web
vite-development
Vite 8.0.10 tooling covering HMR, fast builds, plugins, and production asset optimization. Use when configuring Vite, initializing React or Vue projects, or improving frontend buil…
Web
auto-animate
Adds zero-config animations to React, Vue, Solid, Svelte, and Preact via @formkit/auto-animate. Avoids common integration issues including React 19 StrictMode, SSR, and drag-and-dr…
Web
auto-animate
Adds zero-config animations to React, Vue, Solid, Svelte, and Preact via @formkit/auto-animate. Avoids common integration issues including React 19 StrictMode, SSR, and drag-and-dr…
Showing the top 60 of 1,056. See the full list →