raycast-dev

Build, maintain, and publish Raycast extensions with React and TypeScript.

1|Updated Jul 22, 2026

Search Tags:#automation #typescript #api #react #extension #raycast

Ready to run

npx skills add https://github.com/wyattjoh/skills --skill raycast-dev

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: raycast-dev
Source: https://github.com/wyattjoh/skills/tree/main/skills/raycast-dev
Command: npx skills add https://github.com/wyattjoh/skills --skill raycast-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill streamlines the development, debugging, and publishing process for Raycast extensions, reducing the friction of navigating the Raycast API and TypeScript requirements.

Core Features & Use Cases

Extension Scaffolding: Provides workflows for initializing standard, AI-powered, menu bar, and background extensions.
Component & Hook Guidance: Offers expert patterns for using Raycast UI components like List, Detail, and Form, alongside data-fetching hooks.
Publishing Support: Includes a comprehensive checklist and workflow for preparing and submitting extensions to the Raycast Store.

Quick Start

Use the raycast-dev skill to scaffold a new TypeScript-based Raycast extension in the current directory.

Frequently Asked Questions about raycast-dev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I build a Raycast extension using React and TypeScript?▼

To build a Raycast extension, use the provided guidance to scaffold standard commands and UI components with React and TypeScript, streamlining the initial setup and API integration.

What types of Raycast extensions can I create?▼

You can create standard commands, AI-powered tools, menu bar extras, and background processes, using specific Raycast API components and data-fetching hooks tailored for each type.

How do I use Raycast API components like List, Detail, and Form?▼

Raycast API components like List, Detail, and Form are implemented using expert React patterns and data-fetching hooks to render interactive user interfaces within your extension commands.

What is the process for publishing an extension to the Raycast Store?▼

Publishing an extension to the Raycast Store requires following a comprehensive checklist and submission workflow to ensure your TypeScript code meets all store publication standards.

Can I create AI-powered tools and background processes for Raycast?▼

Yes, you can implement AI-powered tools and background processes by utilizing specific extension scaffolding workflows and data-fetching hooks designed to support these advanced automation features.