Claude Design の最高のローカルファースト代替ツール

SankiWorkVibe Design Workspaceひとつのデザインシステムで、Web、スライド、プロトタイプ、ダッシュボード、画像、動画までブランドを統一

SankiWork は、ローカルファーストで動作するデザインワークスペースです。すでに使っているコーディングエージェントを設計エンジンに変え、アイデアからプロトタイプ、Webサイト、スライド、HTML 動画まで、すべて自分のマシン上で完結します。
21 種類のコーディングエージェントと 152 種類のデザインシステムに対応しています。

SankiWork desktop — design files & index.html preview

Why SankiWork?

SankiWork は、ローカルファーストで動作するエージェント型のデザインワークスペースです。すでに使っているコーディングエージェントを、成果物が完全に自分のものになる設計エンジンへ変えます。大規模言語モデルが文章だけでなく本物のデザインも作れると証明された一方、その力はクローズドでクラウド依存、特定モデルに固定されていました。SankiWork はそれを開放します。ローカルで動き、モデルを自由に選べます。

デザインはデスクトップで起こる。 ローカルファイル、Figma エクスポート、コードリポジトリを直接読み取り、エージェントはターミナル実行のすべての権限を持つ。

デザインはデスクトップで起こる。
ローカルファイル、Figma エクスポート、コードリポジトリを直接読み取り、エージェントはターミナル実行のすべての権限を持つ。

あなたのマシンにある Claude Code / Codex / Cursor はすでに十分強力。 SankiWork はそれらを完全なデザインワークフローにつなぎ込む。

あなたのマシンにある Claude Code / Codex / Cursor はすでに十分強力。
SankiWork はそれらを完全なデザインワークフローにつなぎ込む。

すべての選択がデザインシステム・好み・記憶として蓄積され、次の生成があなたの望みに近づく。

すべての選択がデザインシステム・好み・記憶として蓄積され、次の生成があなたの望みに近づく。

アイデアからプロトタイプ、Web、スライド、HTML 動画まで

Done 👌

Brief → テンプレート → ビジュアル方向 → Artifact → 記憶の蓄積

  1. 01起点を選ぶ
  2. 02ビジュアルの方向を決める
  3. 03使える成果物を生成
  4. 04納品、または動画化
目標を一言で説明するか、テンプレート / プラグインから起点を選ぶ。
方向が決まれば、カラーパレット・フォント・余白が自動で生成フローに反映される。
エージェントがすべてのコンテキストを読み、実際に動くファイルを生成。サンドボックス内で即時プレビューと編集。
エンジニアリングにエクスポートして開発を続けるか、HyperFrames でそのままマーケティング動画に。

SankiWork で何が作れる?

プロトタイプ、ランディングページ、スライド、ダッシュボード、ブランド/デザインシステム、さらに HTML 動画まで。SankiWork はそれぞれを実際に動くファイルに変換し、自分のコーディングエージェントで制作して、そのまま納品や開発への引き継ぎができます。

21+ のコーディングエージェントを設定ゼロで接続

各段階は反復的で、視覚的で、調査に基づきます。不透明な prompt ではなく、組み合わせ可能なファイルで進みます。

21+ のエージェントをすべて見る
ClaudeCodexGeminiCursorGitHub CopilotOpenCodeDevinHermesPiKimiKiroQwenGrokDeepSeekQoderAMRKiloAiderTraeMistral VibeMiMoAntigravityReasonix
21+ Coding Agent

世界中から、 人のコントリビューター
が一緒に SankiWork を作っています

ローカルファーストの vibe design workspace を数字で

SankiWork 桌面端首页

最先端の AI デザイン能力を、すべての作り手の手元へ

Local-first · Agent-native

SankiWork のよくある質問 — ローカルファースト・Claude Design 代替

  1. 01vibe design workspace とは?

    vibe design workspace とは、要素を一つずつ手で配置する代わりに、AI エージェントに意図を伝えて設計する場です——prompt からプロトタイプ、Web ページ、スライド、HTML 動画まで。SankiWork はローカルファーストで agent-native な vibe design workspace で、すでに使っているコーディングエージェントを完全な設計ワークフローに組み込み、ひとつのツールでラフなアイデアから自分のものになる完成物まで導きます。

    詳しく見る →

  2. 02SankiWork とは何ですか?

    SankiWork は Sanki5211/sankiwork-community プロジェクト公式の AI デザインワークスペースです。Claude Code、Codex、Cursor、Gemini CLI、OpenCode、Qwen などのローカル coding agent を、スキルと DESIGN.md システムで動くデザインエンジンにします。

  3. 03SankiWork は公式ですか?

    はい。公式サイトは https://sanki-ai.cloud/、ソースコードは GitHub の https://gitea.com/Sanki5211/sankiwork-community です。"SankiWork"、"SankiWork"、"sankiwork"、"SankiWork AI" は同じプロジェクトを指します。

  4. 04Claude Design と何が違いますか?

    Claude Design は単一ベンダーに紐づくホスト型製品です。SankiWork はローカル優先、BYOK で、自分の agent、鍵、DESIGN.md を使います。

  5. 05ローカルで動きますか?

    はい。デスクトップアプリ、daemon、スキル runtime はすべて自分のマシン上で動き、生成物はプロジェクトディレクトリに保存されます。

  6. 06対応している coding agent は?

    Claude Code、Codex、Cursor、Gemini CLI、OpenCode、Qwen と、同じ skill protocol を話す adapter に対応します。

  7. 07セルフホストや fork はできますか?

    できます。repo を fork し、skill を編集し、独自の DESIGN.md システムを追加できます。

  8. 08データは Anthropic、OpenAI、Google に送られますか?

    送られるのは、あなたが鍵を持ち込んだ(BYOK)プロバイダーへの prompt とスキルのコンテキストだけです。SankiWork 自身のサーバーはなく、daemon があなたのプロバイダーと直接通信します。生成物はベンダーのクラウドではなく、プロジェクトディレクトリにファイルとして保存されます。

  9. 09CLI やデスクトップアプリなしで使えますか?

    現時点では使えません。SankiWork は設計からローカル優先で、最低限ローカル daemon と agent(Claude Code、Codex、Cursor、Gemini CLI、または対応する 17 の adapter のいずれか)が必要です。ホスト型サンドボックスはロードマップにありますが優先事項ではありません。自分の repo にある artifact は、他人のデータベースにあるドキュメントに勝ります。

  10. 10SankiWork の料金は?

    プロダクト自体は無料です。SankiWork のサブスクリプションはありません。支払うのは利用するプロバイダー(Anthropic、OpenAI、Google、Mistral、xAI、Moonshot など)の API 料金だけで、あなたのアカウントに直接請求されます。BYOK により、鍵も支出もあなたの側に残ります。

  11. 11Vercel、Cloudflare、自前サーバーでセルフホストできますか?

    できます。daemon は Node 24 が動く場所ならどこでも動き、ランディングページは静的な Astro ビルドなので Cloudflare Pages、Vercel、Netlify にそのままデプロイできます。共有運用するチームは通常、ネットワーク内のマシンに daemon を固定し、各開発者の CLI をそこに向けます。

  12. 12自分のブランドを SankiWork に持ち込むには?

    スクリーンショットか Figma エクスポートを Web UI に投げ込み、agent にブランドを DESIGN.md ファイルへ抽出させます。そのファイルを repo の design-systems/<your-brand>/ に保存すれば、以後すべてのスキルが再プロンプトなしでそのブランドでレンダリングします。/alternatives/claude-design/ に同じ流れがステップ形式で書かれています。

  13. 13作業をやり直さずに agent を切り替えられますか?

    できます。スキルと DESIGN.md システムは agent 非依存で、同じ SKILL.md が Claude Code、Codex、Cursor、Gemini CLI、GitHub Copilot、Grok、Hermes、Qwen など対応 adapter のどれでもレンダリングされます。agent の切り替えは daemon の設定変更であり、デザインのやり直しではありません。

  14. 14SankiWork のロードマップは?

    最新のロードマップは GitHub repo の docs/roadmap.md にあり、週次のリリースノートは GitHub Releases で公開されます。次の四半期の主なテーマは、agent adapter の追加、テンプレートファミリーの拡充(3D・動画・音声)、デザインチーム向けのオプションの共有 daemon モードです。

SankiWork デスクトップ版

ひとつのデザインシステムで、すべての制作物をブランドらしく

完全な Vibe Design Workspace で、同じブランドルールを Web サイト、スライド、操作できるプロトタイプ、ダッシュボード、画像、HTML 動画に展開できます。ローカルの Codex、Claude Code、Cursor などを接続して無料で制作しましょう。

無料ダウンロード

macOS、Windows、Linux に対応