Raycast Extensions Skill

Build powerful extensions with React, TypeScript, and the Raycast API.

Quick Start (Agent Workflow)

Follow these steps when tasked with implementing or fixing Raycast features:

1. Identify the core component: Determine if the UI needs a List, Grid, Detail, or Form.
2. Consult Reference: Open and read the corresponding file in references/api/ (e.g., references/api/list.md).
3. Use Defaults:
   • Feedback: Use showToast for Loading/Success/Failure. Use showHUD only for quick background completions.
   • Data: Use Cache for frequent/transient data, LocalStorage for persistent user data.
   • Access: Always check environment.canAccess(AI) or environment.canAccess(BrowserExtension) before use.
4. Implementation: Provide a concise implementation using @raycast/api components.
5. Citing: Link back to the specific references/api/*.md file you used.

Cookbook Patterns