Guide for creating Claude Code skills following Anthropic's official best practices. Use when user wants to create a...
Development
Code generation, debugging, testing, and development workflows
Behavioral guidelines to reduce common LLM coding mistakes. Use when writing, reviewing, or refactoring code to...
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility",...
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when...
Guide for strict TypeScript practices including avoiding any, using proper type annotations, and leveraging...
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...