본문으로 건너뛰기
cccskills
무료GitHub에 공개

native-sdk

Find the Native SDK guidance needed to build desktop apps with TypeScript and Native markup, a declarative UI format. Covers getting started and locating instructions for interface development, packaging, embedded web content, and running-app automation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

원문원문 설명 보기

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.

설치 방법 보기

이럴 때 유용합니다

  • Start a native desktop app
  • Find guidance for building native interfaces
  • Explore ways to embed existing web content
  • Find instructions for testing a running app

포함된 파일(1)

  • SKILL.md3.3 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

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:

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

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.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Test running Native SDK apps by checking readiness, inspecting windows, driving widgets, and checking communication between JavaScript and Zig. Includes repeatable canvas screenshots and basic integration tests to confirm that key app features work.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Checking app readiness and window state
  • Testing widget input and interactions
  • Comparing repeatable canvas screenshots
vercel-labs/native7.8천2026년 10월 19일 업데이트

core

무료

Build and modify Native SDK apps with guidance on project structure, configuration, native features, packaging, and testing. Explains the default TypeScript and Native markup approach, plus WebViews, embedded web interfaces, and their permissions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Identify where to change an existing app
  • Connect a web interface to native features
  • Configure permissions for windows and dialogs
vercel-labs/native7.8천2026년 10월 19일 업데이트

native-ui

무료

Create Native SDK interfaces with .native markup, connecting layouts, widgets, and user actions to app state and messages. Covers TypeScript core integration, explicit Zig alternatives, menus, scrolling, embedded web panes, and interface verification.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Building screens and connecting them to app state
  • Adding context menus and menu-bar items
  • Displaying long lists with virtualized rendering
vercel-labs/native7.8천2026년 10월 19일 업데이트

ts-core

무료

Build Native SDK app logic in TypeScript using explicit state, messages, and update functions. Explains the supported language subset, compiler diagnostics, module organization, and tests for logic that compiles directly into native code.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Designing state and messages for a new app
  • Fixing unsupported TypeScript constructs
  • Splitting app logic into modules
vercel-labs/native7.8천2026년 10월 19일 업데이트

Guides development of Native SDK TypeScript services for file access, network requests, and other work outside the deterministic core. Covers typed calls, pinned npm dependencies, streaming, cancellation, replay, and process or thread execution.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Adding or updating Native SDK TypeScript services
  • Moving file access or JSON processing out of the core
  • Investigating NS1065–NS1067 errors
vercel-labs/native7.8천2026년 10월 19일 업데이트

zig

무료

Fix Native SDK build failures caused by older Zig APIs. Organized by compiler error, this guide shows Zig 0.16 patterns for file access, output, lists, processes, environment variables, clocks, networking, and build configuration.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Migrating older Zig code to Zig 0.16
  • Fixing file access and output errors
  • Updating ArrayList allocation calls
vercel-labs/native7.8천2026년 10월 19일 업데이트

vercel-labs의 스킬 모두 보기

이 스킬의 문제 신고