raycast-extension — скилл для Claude Code: создание и установка
Скилл помогает собирать расширения Raycast на React и TypeScript. Нужен, когда агент должен создать команду или другой инструмент для Raycast.
npx skills add johnlindquist/claude --skill raycast-extension -a claude-codeЧто делает raycast-extension
Скилл задаёт каркас расширения Raycast: package.json с конфигурацией и зависимостями, tsconfig.json, .eslintrc.json, файл типов raycast-env.d.ts, папку assets/ и исходники в src/. Агент может подготовить команду на React и TypeScript, выбрать режим view, no-view или menu-bar, а также добавить горячую клавишу.
Внутри описаны примеры для списков, деталей и фоновых задач, работа с Cache, withCache и useCachedPromise, асинхронное обновление данных и способы избежать блокировки интерфейса. Для проекта нужны зависимости @raycast/api и @raycast/utils; запуск разработки выполняется через npm install && npm run dev.
Без @raycast/api в dependencies примеры команд Raycast не получат нужные API.
Какие задачи решает
- создать структуру расширения Raycast
- описать команды в
package.json - собрать интерфейс списка или деталей
- добавить фоновую команду с уведомлениями
- организовать кэширование данных
Примеры запросов агенту
- Создай расширение Raycast на React и TypeScript с командой в
src/. - Подготовь
package.jsonдля команды Raycast в режимеviewи добавь горячую клавишу. - Сделай фоновую команду Raycast с кэшем через
Cacheи асинхронным обновлением.
Как установить raycast-extension
1Через Skills CLI (Vercel)
npx skills add johnlindquist/claude --skill raycast-extension -a claude-code2Вручную: положить файлы
~/.claude/skills/raycast-extension/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/raycast-extension/
1Через Skills CLI (Vercel)
npx skills add johnlindquist/claude --skill raycast-extension -a codex2Вручную: положить файлы
.agents/skills/raycast-extension/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add johnlindquist/claude --skill raycast-extension -a cursor2Вручную: положить файлы
.cursor/skills/raycast-extension/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install johnlindquist/claude raycast-extension2Вручную: положить файлы
.github/skills/raycast-extension/SKILL.md1Через Skills CLI (Vercel)
npx skills add johnlindquist/claude --skill raycast-extension -a gemini-cli2Командой платформы
gemini skills install https://github.com/johnlindquist/claude --path skills/raycast-extensionВручную: положить файлы
.devin/skills/raycast-extension/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add johnlindquist/claude --skill raycast-extension -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о raycast-extension
Как установить raycast-extension в Claude Code?
Выполните npx skills add johnlindquist/claude --skill raycast-extension -a claude-code, затем откройте ~/.claude/skills/raycast-extension/SKILL.md.
Что делает raycast-extension?
Скилл помогает создавать расширения Raycast, их команды и конфигурацию на React и TypeScript. Он также описывает режимы интерфейса, кэширование и асинхронную загрузку.
Какие режимы команд Raycast поддерживает скилл?
В описании есть view для интерфейса, no-view для фоновых задач и menu-bar для меню в строке состояния.
