Raycast Extension

This generates complete Raycast extensions with React and TypeScript, handling all the boilerplate: package.json manifests, TypeScript configs, command implementations, and the proper project structure. The interesting part is the caching guidance. It shows you how to avoid that annoying empty state flash on load by reading cache synchronously before React renders, then refreshing in the background. It also calls out a common performance trap: using sync file operations like execSync or readdirSync during data fetching, which freezes the UI even when you have cached data showing. The examples cover the three command modes (view, no-view, menu-bar) and include patterns for SQLite access without copying files. Solid if you're building Raycast tools and want them to feel snappy.

Install to Claude Code

npx -y skills add johnlindquist/claude --skill raycast-extension --agent claude-code