Guide for strict TypeScript practices including avoiding any, using proper type annotations, and leveraging...
Development
Code generation, debugging, testing, and development workflows
React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived...
Guide for authoring Convex components - isolated, reusable backend modules with their own schema and functions. Use...
Critical rules and common mistakes to avoid in Convex development. Use when reviewing Convex code, debugging issues,...
Guide for Convex actions, scheduling, cron jobs, and orchestration patterns. Use when implementing external API...
Implement usage-based billing with Flowglad including recording usage events, checking balances, and displaying...
Manage subscription lifecycle including cancellation, plan changes, reactivation, and status display. Use this skill...
Install and configure the Flowglad SDK for Next.js, Express, and React applications. Use this skill when adding...
|
Translates Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma...
Generates custom design system rules for the user's codebase. Use when user says "create design system rules",...
Connects Figma design components to code components using Code Connect. Use when user says "code connect", "connect...
Use when you want to validate changes before committing, or when you need to check all React contribution requirements.
Use when you need to run tests for React core. Supports source, www, stable, and experimental channels.
Use when you need to run Flow type checking, or when seeing Flow type errors in React code.
Use when you need to check feature flag states, compare channels, or debug why a feature behaves differently across...
Use when you have lint errors, formatting issues, or before committing code to ensure it passes CI.
Use when feature flag tests fail, flags need updating, understanding @gate pragmas, debugging channel-specific test...
Use when adding new error messages to React, or seeing "unknown error code" warnings.
Longitudinal memory tracking, philosophy teaching, and personal accountability with compassion. Expert in pattern...
Creates realistic ocean and water wave effects for web using SVG filters (feTurbulence, feDisplacementMap), CSS...
Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns. Use for brand...
Expert in voice synthesis, TTS, voice cloning, podcast production, speech processing, and voice UI design via...
Write tests using Vitest and React Testing Library. Use when creating unit tests, component tests, integration...