# Raycast Alfred 5 Raycast Extension API Integration

> Sub-skill of raycast-alfred: 5. Raycast Extension - API Integration.

- Skill: `vamseeachanta/raycast-alfred-5-raycast-extension-api-integration` (Agent Skill)
- Install (CLI): `npx skillmds@latest add vamseeachanta/raycast-alfred-5-raycast-extension-api-integration`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vamseeachanta/raycast-alfred-5-raycast-extension-api-integration/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Integrations & APIs
- Author: vamseeachanta (https://skillmd.com/u/vamseeachanta)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/vamseeachanta/raycast-alfred-5-raycast-extension-api-integration

---


# 5. Raycast Extension - API Integration

## 5. Raycast Extension - API Integration


```tsx
// src/api-tester.tsx
// ABOUTME: API testing and debugging tool
// ABOUTME: Make HTTP requests from Raycast

import {
  ActionPanel,
  Action,
  Form,
  showToast,
  Toast,
  Clipboard,
  Detail,
  useNavigation,
} from "@raycast/api";
import { useState } from "react";
import fetch from "node-fetch";

interface RequestResult {
  status: number;
  statusText: string;
  headers: Record<string, string>;
  body: string;
  time: number;
}

function ResultView({ result }: { result: RequestResult }) {
  const markdown = `
# Response

**Status:** ${result.status} ${result.statusText}
**Time:** ${result.time}ms