AI Skills

Analyze Stitch projects and synthesize semantic design systems into DESIGN.md files

Interact with Notion workspaces via REST API with comprehensive endpoint coverage and authentication handling.

Optimize in-app paywalls and upgrade screens to convert free users to paid at the right moment.

Build production-ready design systems with Tailwind CSS v4, design tokens, and component libraries.

Create and optimize popups, modals, and overlays for conversion without annoying users.

GPU-accelerated canvas rendering for HyperFrames using TypeGPU and WebGPU with frame-perfect seek synchronization.

Guides Stripe integration decisions and security best practices for payments, Connect, billing, and Treasury.

Deprecated command—use /impeccable teach instead.

Create and edit Obsidian Flavored Markdown with wikilinks, embeds, callouts, and properties.

Master TypeScript's advanced type system: generics, conditional types, mapped types, and utility types for type-safe applications.

Convert Stitch designs into modular React components with AST validation and Vite integration.

Control live browser sessions to click, fill forms, navigate flows, and extract data from interactive web pages.

Replace with description of the skill and when Claude should use it.

Develop AI-powered applications using Genkit in Node.js/TypeScript with flows, agents, and tools.

Terminal toolkit for generating media and automating social research across LinkedIn, Reddit, and X/Twitter.

Develop AI-powered applications in Go with Genkit—generation, flows, tools, and structured output across model providers.

Atomic motion rules, scene blueprints, and seven runtime adapters for deterministic HyperFrames animation.

Technical contract for building HyperFrames compositions—HTML-based video with seekable timing and framework-owned media.

Create short, design-led motion graphics: kinetic type, data viz, logo stings, and animated overlays without narration.

Guidance for distinctive, intentional visual design that avoids templated defaults.

Creative direction for HyperFrames videos: palettes, typography, narration, composition, and brand style.

Fallback workflow for custom HyperFrames video compositions at any length or format.

Turn any website into a professional video showcase using headless Chrome screenshots and brand assets.

Web search discovery with Firecrawl—find and optionally hydrate sources before extraction.

Extract markdown, HTML, links, and metadata from a single URL using Firecrawl's /scrape endpoint.

Turn product URLs, scripts, or briefs into polished product launch videos with shot-sequence animation.

Turn text into faceless explainer videos with invented visuals, no capture needed.

Add cinematic captions to talking-head video with 32 visual identities and intelligent matte occlusion.

Execute browser interactions (clicks, form fills, pagination) on dynamic pages via Firecrawl /interact API.

Set up Firecrawl API credentials and SDK integration for your project.