BQ

bearisbug/quilt

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

104 stars 2 forks 品質 68 トレンド 54Apache-2.0

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, ⌘E picks 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.
GitHub で README 全文を見る

インストール

This server does not publish a one-line install command.

Open the repository installation guide MCP 初心者?mcpskill.org のガイドから始めましょう →