skills.rest
wyattjoh
wyattjohCOMMUNITY
Explore all skills by this author →
Website𝕏@wyattjohGitHub

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
One-click install
npx skills add https://github.com/wyattjoh/skills --skill raycast-dev
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
GemachDAOGemachDAO
4

gdex-ui-install-setup

Scaffold a React or Next.js project with a GDEX SDK provider.

Official
Intermediate
newkubnewkub

raycast-extensions

Develop Raycast extensions with React components, API integration, and UI/UX best practices.

Community
Intermediate
martylouismartylouis

Raycast Developer

Develop Raycast extensions with TypeScript and React UI components.

Community
Intermediate
drpedapatidrpedapati
24

raycast-script-creator

Generate Raycast script-commands conforming to required metadata format.

Community
Intermediate