К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

native-sdk — скилл для Claude Code: что делает и как установить

Скилл помогает ИИ-агенту создавать десктопные приложения через Native SDK на TypeScript и разметке .native. Нужен для настройки сборки, интерфейса и встроенной автоматизации.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add vercel-labs/native --skill native-sdk -a claude-code
Открыть на GitHub

Что делает native-sdk

Скилл загружает контекст и правила для Native SDK. По умолчанию логика пишется на TypeScript в src/core.ts и компилируется сразу в машинный код без JS-рантайма или встроенного браузера. Интерфейс описывается декларативной разметкой в файлах .native. В качестве явной альтернативы SDK даёт шаблон ядра на Zig, а WebViews оставляет лишь опцией для веб-контента.

Внутри каждого приложения развёрнут детерминированный сервер автоматизации. Через него агент делает снимки экрана и считывает состояние окна. Для работы агенту понадобится глобально установленный CLI-пакет @native-sdk/cli, через который подтягиваются специализированные разделы документации вроде native-ui и ts-core.

Зрелой платформой для SDK пока остаётся macOS, тогда как сборки для Windows и Linux только тестируются в CI. Если проект использует классический стек с файловой системой или датами, логику придётся выносить в src/services/ за вызов Cmd.request.

Какие задачи решает

  • инициализировать структуру нативного десктопного приложения
  • связать разметку .native с логикой src/core.ts
  • настроить манифест сборки app.json или app.zon
  • автоматизировать тестирование запущенного окна через встроенный сервер

Примеры запросов агенту

  • Инициализируй новое десктопное приложение на Native SDK с именем desktop_app
  • Загрузи спецификацию native-ui и свяжи состояние Model с разметкой src/app.native
  • Сделай снимок запущенного окна через automation сервер Native SDK

Как установить native-sdk

1Через Skills CLI (Vercel)

npx skills add vercel-labs/native --skill native-sdk -a claude-code

2Вручную: положить файлы

~/.claude/skills/native-sdk/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/native-sdk/

Похожие

frontend-dev MiniMax-AI Скилл проектирует страницы с анимациями, медиафайлами от MiniMax и готовым текстом. Помогает собирать промо-сайты, витрины и дашборды. Claude Code CX Codex Cursor +1 3 200установок audit-website squirrelscan Запускает аудит сайта через утилиту squirrel, находит проблемы SEO, производительности и безопасности, а затем помогает пошагово править код проекта. Claude Code CX Codex Cursor +1 73 900установок inspector-docs CopilotKit Связывает документацию CopilotKit с рабочими панелями оверлея Inspector. Нужен при добавлении, переименовании или удалении вкладок в @copilotkit/web-inspector. Claude Code CX Codex Cursor +1 1 000установок senior-fullstack sickn33 Скилл направляет реализацию фич, которые затрагивают интерфейс, backend, базу данных и deployment. Проверяет целостность от запроса до ответа: контракты API, права доступа, валидация, миграции и откат. Claude Code CX Codex Cursor +1 2 300установок javascript-pro https://github.com/Jeffallan Скилл для написания, отладки и рефакторинга JavaScript кода с ES2023+, async/await, ESM модулями и Node.js API. Нужен, если вы строите vanilla JavaScript приложения или оптимизируете производительность в браузере и Node.js. Claude Code CX Codex Cursor +1 6 000установок gpui-kit-design-guides longbridge Скилл передаёт агенту обязательные правила дизайна десктопных приложений на GPUI Kit. Пригодится при проектировании новых экранов, правке интерфейсов и проверке вёрстки по чек-листам. Claude Code CX Codex Cursor +1 959установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок

Вопросы о native-sdk

Как установить native-sdk в Claude Code?

Запустите команду npx skills add vercel-labs/native --skill native-sdk -a claude-code. Файл навыка сохранится по пути ~/.claude/skills/native-sdk/SKILL.md.

Что делает native-sdk?

Скилл даёт агенту инструкции по разработке десктопных программ с компиляцией TypeScript в бинарный код. Он обучает модель синтаксису .native, структуре шаблона и командам CLI.

Включает ли скомпилированное приложение Node.js или WebView?

Нет, итоговый бинарник поставляется без JS-рантайма, интерпретатора и браузера. Оболочка WebView подключается только вручную, если в проект нужно встроить веб-страницу.

Исходный текст

SKILL.md · Apache-2.0
---
name: native-sdk
description: Discovery skill for the Native SDK, the complete toolkit for building native desktop applications. Apps are authored in TypeScript + declarative Native markup (.native) by default and compiled to native code with no JS runtime in the binary; Zig cores are an explicit alternative, and WebViews are the optional web-content path. Use when the user asks what the Native SDK is, how to build a Native SDK app, author native UI, scaffold an app, configure app.json or legacy app.zon, add bridge commands, embed web content, package an app, test a running app, or automate a Native SDK app.
allowed-tools: Bash(native:*), Bash(npx @native-sdk/cli:*)
hidden: true
---

# Native SDK

The Native SDK is the complete toolkit for building native desktop applications. **The primary authoring path is TypeScript app logic in `src/core.ts` plus declarative Native markup in `.native` files.** The TypeScript core is checked and compiled ahead of time to native code, so the shipped binary contains no browser, WebView, JS runtime, or interpreter. Zig is how the toolkit itself works and is a first-class, explicitly chosen app-core alternative (`--template zig-core`); it is not the default inferred from the SDK's implementation. Every app embeds a deterministic automation server, so agents can snapshot, drive, and screenshot the running window. Desktop is the mature surface (macOS deepest, Linux and Windows exercised in CI); mobile embedding is experimental. WebView surfaces coexist as the optional path for embedding web content or hosting an existing web frontend.

## Start here

This file is a discovery stub for agents that installed the Native SDK once with a skills installer such as `npx skills add native-sdk`. Before implementing or explaining Native SDK app work, use the installed CLI to discover and load the current skill content:

```bash
native skills list
native skills get core
native skills get native-ui
native skills get ts-core
```

Use `native skills get core` for initial orientation. For the default app-authoring path, load **both** `native-ui` (views, bindings, the app loop) and `ts-core` (the TypeScript subset, effects, subscriptions, and modules) before implementing. Load `ts-services` too when the tree has `src/services/` or ordinary TypeScript needs filesystem/process/JSON/regex/Map/Date/class work behind `Cmd.request`. Use `native skills get core --full` when work reaches lower-level runtime wiring, WebViews, bridge/security, native capabilities, packaging, or debugging. Use `native skills get automation` when testing a running app, taking snapshots, requesting reloads, or using the built-in automation server. Use `native skills get zig` only for an existing Zig core, a toolkit extension, SDK implementation work, or a Zig 0.16 compile error.

## Quick orientation

```bash
npm install -g @native-sdk/cli
native init my_app
cd my_app
native dev
```

`native init my_app` generates the primary three-file app: `app.json`, `src/app.native` (the markup view), and `src/core.ts` (`Model`, `Msg`, `update`). Existing `app.zon` manifests remain supported. Inspect the tree before editing an existing app and preserve the core language it already uses. `src/main.zig` means the app explicitly uses the Zig-core template; web-frontend shells additionally carry `frontend/` and usually owned build/runtime wiring.

© vercel-labs · Apache-2.0 · vercel-labs/native

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой