Raycast Developer

Develop Raycast extensions with TypeScript and React UI components.

Updated Feb 17, 2026

Search Tags:#typescript #ui #react #extension #developer #raycast

Ready to run

npx skills add https://github.com/martylouis/agents --skill raycast-developer

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: Raycast Developer
Source: https://github.com/martylouis/agents/tree/main/skills/raycast-developer
Command: npx skills add https://github.com/martylouis/agents --skill raycast-developer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides expert guidance and code examples for developing custom extensions for Raycast, streamlining your workflow and productivity.

Core Features & Use Cases

Extension Development: Learn to build new Raycast extensions from scratch.
UI Components: Implement List, Grid, Form, and Detail views using React.
API Integration: Utilize @raycast/utils hooks for data fetching and state management.
Use Case: You want to create a new Raycast extension that fetches your GitHub pull requests and allows you to review them directly within Raycast.

Quick Start

Use the Raycast Developer skill to generate a basic List view extension structure.

Frequently Asked Questions about Raycast Developer

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

FAQPage Schema

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

To build a Raycast extension with TypeScript and React, use the provided guidance to scaffold the project, implement core UI components like List or Form, and apply utilities for data fetching and state management.

What UI components are available when developing Raycast extensions?▼

When developing Raycast extensions, you can implement List, Grid, Form, and Detail views using React to structure your user interface and handle various interaction patterns within the command palette.

Can I use React hooks for data fetching in a Raycast extension?▼

Yes, you can use React hooks for data fetching in a Raycast extension by utilizing the `@raycast/utils` package to manage state and retrieve data efficiently within your components.

How do I add user feedback mechanisms to a Raycast extension?▼

To add user feedback mechanisms to a Raycast extension, implement the provided best practices for showing toasts, loading states, and empty views to communicate status updates to the user.

Do I need TypeScript to create a Raycast extension?▼

TypeScript is the recommended language for creating Raycast extensions, providing comprehensive guidance and code examples that leverage TypeScript and React for building and publishing.

What is the best way to structure a Raycast extension that fetches API data?▼

The best way to structure a Raycast extension that fetches API data is to use `@raycast/utils` hooks for data fetching and state management, rendering the results in a List or Detail view.