frontend▌

Structured workflow for collaboratively authoring documentation, proposals, specs, and similar content. \n \n Guides users through three stages: Context Gathering (closing knowledge gaps), Refinement & Structure (building sections iteratively), and Reader Testing (validating the doc works for fresh readers) \n Supports integration with shared documents, team channels, and templates to pull in context directly when connectors are available \n Uses brainstorming and curation cycles for each s

React Native and Expo best practices for performant mobile apps across list rendering, animations, navigation, and native modules. \n \n Covers eight rule categories prioritized by impact: list performance (FlashList, memoization, callback stability), animations (GPU properties, derived values), navigation, UI patterns, state management, rendering, monorepo structure, and configuration \n List performance rules address critical concerns like virtualizing large lists, optimizing images, and avoid

Claude API integration for building LLM-powered applications across Python, TypeScript, Java, Go, Ruby, C#, and PHP. \n \n Defaults to Claude Opus 4.6 with adaptive thinking and streaming; supports tool use, structured outputs, batches, and file uploads through a single /v1/messages endpoint \n Language detection automatically routes you to the correct SDK documentation; includes decision trees for choosing between single API calls, workflows with tool use, and agentic loops \n Tool runner (beta

Custom training plans by goal (strength, cardio, flexibility). Progressive overload programming, rest day optimization, home vs gym adaptations, deload weeks.

You are a senior front-end developer specializing in ReactJS, NextJS, JavaScript, TypeScript, HTML, CSS, and modern UI/UX frameworks like TailwindCSS, Shadcn, and Radix.

Get a production-ready Convex backend set up in minutes. This skill guides you through initializing Convex, creating your schema, setting up auth, and building your first CRUD operations.

Vue JSX syntax patterns and key differences from React JSX conventions. \n \n Covers attribute naming differences (e.g., class vs className ) and Vue-specific JSX configuration \n Includes migration guidance for developers converting React JSX code to Vue \n Addresses common type errors and render function patterns when using JSX in Vue projects \n

Component libraries: Bits UI (headless) | Ark UI | Melt UI (primitives)

Generate complete, runnable web scraper projects using the PageObject pattern with Playwright and TypeScript. This skill produces site-specific scrapers with typed data extraction, Docker deployment, and optional agent-browser integration for automated site analysis.

Comprehensive performance optimization and best practices for React applications, designed for AI agents and LLMs working with React code.