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

pake

Turn a website or local HTML build into a desktop app with Pake. Guides app naming, icons, unique app identifiers, proxy settings, and build verification, including checking the paths of generated installers or bundles.

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

원문원문 설명 보기

Package a website or local web build as a desktop app with Pake. Use for packaging, CLI options, icons, bundle identifiers, or WebView proxy setup. Not for unrelated Tauri development or uninstalling apps.

설치 방법 보기

이럴 때 유용합니다

  • Turning a website into a desktop app
  • Packaging a local HTML file or static build
  • Configuring app icons and identifiers
  • Setting up a proxy for the app's web content

포함된 파일(1)

  • SKILL.md7.5 KB

SKILL.md(원문)

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

Pake - Website to Desktop App

Pake wraps any webpage or local web build into a native desktop app via Tauri (Rust + system WebView).

Pick the right command first

  • Inside a Pake repository checkout (package.json has "name": "pake-cli"): build once with pnpm run cli:build, then use node dist/cli.js.
  • Anywhere else: use the published CLI. Install with npm install -g pake-cli and run pake, or run without installing via npx pake-cli.

All examples below use pake; substitute node dist/cli.js inside a checkout.

Agent Mode (always use this from scripts)

Pass --json on every automated run: logs move to stderr and stdout carries exactly one JSON result object.

pake "https://example.com" --name MyApp --json
# stdout -> {"ok":true,"name":"MyApp","platform":"darwin","arch":"arm64",
#            "outputs":[{"path":"/abs/MyApp.dmg","sizeBytes":5242880,"format":"dmg"}],
#            "warnings":[],"error":null}

--json (and any non-TTY stdin) disables every interactive prompt.

Handle results by code, not by scraping text

Exit codes: 0 success, 2 invalid input, 3 build failure, 4 missing environment or dependency setup failure, 1 unexpected. On failure error carries {code, message, hint}:

error.codeWhat to do
INVALID_INPUTFix the flag, name, or config field named in message; hint states the accepted form
ENV_MISSINGEnvironment setup needed (usually Rust); relay hint to the user, or install and rerun
BUILD_FAILEDRerun once with --debug for verbose logs; check platform notes below before changing anything
NETWORKReserved, not emitted today; network failures arrive as ENV_MISSING or BUILD_FAILED instead
UNEXPECTEDReport the message upstream; do not loop on retries

On success, report outputs[].path to the user; that is the installer/bundle they need. On Linux multi-target builds, ok: true can carry fewer outputs than requested formats (failed targets land in warnings); check outputs[].format before declaring all formats built.

Declarative config (preferred over long flag lists)

cat > app.json <<'EOF'
{
  "$schema": "https://raw.githubusercontent.com/tw93/Pake/main/schema/pake.schema.json",
  "url": "https://example.com",
  "name": "MyApp",
  "width": 1280,
  "hideTitleBar": true
}
EOF
pake --config app.json --json

Fields are the camelCase CLI option names plus url; an explicit CLI flag wins over a config field. Unknown fields and wrong types fail fast with INVALID_INPUT.

For the full option list, run pake --help or read the schema above. Do not guess option names; the schema is the source of truth. Complete reference: https://github.com/tw93/Pake/blob/main/docs/cli-usage.md

Local content (AI-generated apps)

Pake packages local web artifacts, not just URLs:

# A directory of static files (must contain index.html at its root)
pake ./dist --name MyTool --json

# A single HTML file
pake ./page.html --name MyPage --json

Hash-based routing works out of the box; history-mode SPA routing is not yet supported for local packaging.

Workflow

1. Gather requirements

Use the supplied requirements and existing defaults; ask only for missing inputs that would materially change the build:

ParameterWhy it matters
URL or local pathThe target website or build output
NameBecomes the .app / .exe name and productName
Bundle ID (--identifier)Defaults to com.pake.a{md5hash}; set explicitly for clean installs (e.g. com.pake.youtube)
Proxy (--proxy-url)Baked into the binary at build time; not runtime-configurable. Format: http://host:port or socks5://host:port
IconAuto-fetched from website if omitted; can be a local path or URL

2. Handle icons

Pake auto-fetches icons from multiple services (logo.dev, brandfetch, clearbit, Google favicons, direct favicon.ico). However:

The icon download does NOT use --proxy-url. That flag only configures the packaged app's WebView proxy. If the icon URL requires a proxy to reach (e.g. Google/GitHub assets from China), download it manually first:

curl -x http://<proxy-host>:<proxy-port> -o /tmp/icon.png "<icon-url>" --connect-timeout 15 -s
pake "<URL>" --icon /tmp/icon.png --json

Icon tips:

  • Prefer 256x256 or larger PNGs; SVG also works
  • Pake auto-converts to platform format: .icns (macOS), .ico (Windows), .png (Linux)
  • macOS icons get a squircle mask automatically
  • Inside a repo checkout, an old src-tauri/icons/<name>.icns is reused; rename or remove it to force re-fetch

3. Build and verify

Build takes ~40s with cache, ~2min cold; the very first build on a fresh machine compiles Tauri dependencies and can take 10+ minutes. After a successful build:

  • Report the artifact path from outputs[].path
  • Ask the user to open the app and check the icon
  • Bundle ID check: mdls -name kMDItemCFBundleIdentifier <path-to>.app (macOS)

Platform notes

Proxy support

PlatformStatusNotes
WindowsFullVia --proxy-server browser arg
LinuxFullVia Tauri native proxy_url
macOSmacOS 14+Uses Tauri native macos-proxy feature; auto-detected at build time

Chrome extensions

Not supported. Pake uses the system WebView (WKWebView on macOS, WebView2 on Windows, WebKitGTK on Linux), not a full Chrome browser. Use --inject to add custom JS/CSS as an alternative.

OAuth-dependent sites

--new-window allows popup auth windows and --safe-domain keeps SSO callbacks in-app, but some providers (especially Google) block sign-in inside embedded webviews regardless of flags. Warn the user before promising OAuth support.

Linux Wayland input issues

If an AppImage opens but clicks or keyboard input do not reach the page on a pure Wayland compositor (especially niri), first rebuild with the latest pake-cli, then try the native WebKit path:

PAKE_LINUX_WEBKIT_SAFE_MODE=0 ./YourApp.AppImage

If that produces a blank window on the same system, re-enable the conservative workaround with PAKE_LINUX_WEBKIT_SAFE_MODE=1. Do not diagnose this from GTK, appindicator, or GStreamer warnings alone; those are often unrelated optional runtime warnings.

리뷰

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

댓글

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

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

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

0 / 1,000자

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

같은 저장소의 스킬

release

무료

Prepare and publish Pake releases with version updates, tests, build checks, and verification after publishing. Covers both full releases with GitHub release notes and fixes published only to npm, the package registry.

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

  • Preparing a full Pake release
  • Publishing a CLI fix only to npm
  • Writing release notes from user-facing changes
tw93/Pake6.2만2026년 10월 19일 업데이트

tw93의 스킬 모두 보기

이 스킬의 문제 신고