
bearisbug/quilt
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
AI-native無限のcanvasデザインツール:アプリを記述し、無限のキャンバスにマルチスクリーンHTMLデザインを入手し、それらをプロトタイプとしてクリックし、ローカルコーディングエージェントが読み書きできるように...
概要
AI-native無限のcanvasの設計用具。 アプリを記述し、無限のキャンバスに一貫したマルチスクリーンのHTMLデザインを入手し、それらをプロトタイプとしてクリックし、あなたのコーディングエージェントがMCP上のキャンバスを読み書きできるようにします。 キルトはマシン上で実行します。1つのプロセス、アカウントなし、クラウドバックエンドなし、~/.quiltのデータ。 生成は、Claudeサブスクリプション(Claude CLI)、Anthropic、Gemini、OpenAI互換のAPIキー、または既に開いているClaudeコードセッションを介して行われます。 - アプリを記述します。キルトは4〜6画面メインフロー(または1〜4画面を要求する)を計画し、各画面をプロジェクトの設計システム、lints、スクリーンショットで自己完結したHTMLとして生成し、キャンバス上にレイアウトします。 1画面につき最大4名までお申し付けください。 - 画面を選択し、変更を記述します。 フォーカスした画面では、⌘E は任意の要素を選択します。テキスト、クラスを変更したり、ゼロトークンとリンクしたり、AI がブロックするだけです.
概要(AI 翻訳)
キルト
AI-native無限のcanvasの設計用具。 アプリケーションを記述し、無限のキャンバスで一貫したマルチスクリーンのHTMLの設計を得て下さい、 それらをプロトタイプとしてクリックし、コーディングエージェントがMCP上でキャンバスを読み書きできるようにします。
日本語 English
お問い合わせ
キルトはマシン上で実行します。1つのプロセス、アカウントなし、クラウドバックエンドなし、[~/.quilt]内のデータ。 生成は、Claudeサブスクリプション(claude CLI)、Anthropic、Gemini、OpenAI互換APIキー、または既に開いているClaudeコードセッションを介して行われます。
それが何をするか
- 生成します。 アプリを記述します。キルトは4〜6画面メインフロー(または1〜4画面を要求する)を計画し、各画面をプロジェクトの設計システムで自在HTMLとして生成し、それを裏切りし、キャンバス上にレイアウトします。 1画面につき最大4名までお申し付けください。
-編集。 画面を選択し、変更を記述します。 焦点を絞った画面では、
⌘Eは、テキスト、クラスを変更したり、ゼロトークンとリンクしたり、AIがブロックするだけで再生したりする要素を選択します。 - スケッチブック。 プロジェクト外のワンオフコンポーネントとページ用のフルページボード.
このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。
README
以下は原文 README の抜粋です。原文を見る。
Quilt
AI-native infinite-canvas design tool. Describe an app, get consistent multi-screen HTML designs on an infinite canvas, click through them as a prototype, and let your coding agent read and write the canvas over MCP.
English · 中文
Quilt runs on your machine: one process, no account, no cloud backend, data in ~/.quilt. Generation goes through the channel you pick: your Claude subscription (the claude CLI), an Anthropic, Gemini or OpenAI-compatible API key, or a Claude Code session you already have open.
What it does
- Generate. Describe the app. Quilt plans a 4–6 screen main flow (or the 1–4 screens you ask for), generates each screen as self-contained HTML in the project’s design system, lints and screenshots it, and lays it out on the canvas. Ask for up to 4 candidates per screen and adopt one.
- Edit. Select screens and describe the change. In a focused screen,
⌘Epicks any element: change its text, classes or link with zero tokens, or have AI regenerate just that block. - Sketchbook. A full-page board for one-off components and pages outside any project. Describe one, refine it by picking elements, step through versions, then put it into a project as a new screen, over a screen, or in place of one block.
インストール
This server does not publish a one-line install command.
Open the repository installation guide MCP 初心者?mcpskill.org のガイドから始めましょう →