DEDUPED Hot AI repos, turned into use cases Get 5 a day

What you can do with Quilt

Quilt is a local, single-user AI design tool that generates multi-screen HTML app designs on an infinite canvas and lets a coding agent read and write that canvas over MCP.

Trended earlier

Bearisbug/Quilt on GitHub

Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk.

What do you want to do?

3 use cases

  • Turn an app idea into a clickable multi-screen prototype

    Describe an app and get linked HTML screens you can click through and export as one offline file.

    View prompt
    In the Quilt repo at <repo-path>, start the packaged app and generate a main flow for this app idea: <app-idea>. Report the screen names from the app map and list any broken links. Verify that the export produces one HTML file that opens without a server.

  • Let your coding agent read and edit design screens

    Connect Claude Code to Quilt over MCP so it can inspect and patch screens without losing others' edits.

    View prompt
    Using the quilt MCP server at http://127.0.0.1:3100/mcp, call get_outline, then get_screen for the screen named <screen-name>, and use patch_screen to change <change-description>. Report the new revision ID. Verify the write succeeded and that a stale expectedRevisionId returns a 409 response.

  • Set one brand palette and reuse shared navigation across screens

    Define tokens once and edit a shared tab bar or sidebar to update every screen that uses it.

    View prompt
    In the Quilt project <project-name>, update the design system with the brand palette <palette> using update_design_system, then edit the shared component <component-name> with edit_component. Report how many screens were re-baked. Verify that the active link is marked correctly on each route.

How to use Quilt

  1. Check you have what it needs: Node.js 22 or newer and pnpm 11; Chrome or Edge installed, or run `npx playwright install chromium` once; A generation channel: a logged-in `claude` CLI, an Anthropic or Gemini API key, or an OpenAI-compatible endpoint added in the settings panel.
  2. Open Bearisbug/Quilt on GitHub and read the README and license.
  3. Run pnpm install and then pnpm build in the Quilt repo folder.
  4. Start the app with node apps/cli/bin/quilt.js and open http://127.0.0.1:3100.
  5. In the composer, type what the app is and generate the main flow (4 to 6 screens, or pick 1 to 4).
  6. Double-click a screen to focus it as a live iframe, then click through the links to test the flow.

These steps come from our top use case, Turn an app idea into a clickable multi-screen prototype, which also has a copy-paste agent prompt.

Quilt alternatives · Best AI repos for Software and DevOps

About this repo

  • Who it is forProduct builders and developers who want a clickable app prototype from a text description, or who want their coding agent to edit design screens directly.
  • Why it is hot
  • LanguageTypeScript
  • Sourcegithub.com/Bearisbug/Quilt · Back to Hot repos

Requirements

  • Node.js 22 or newer and pnpm 11
  • Chrome or Edge installed, or run `npx playwright install chromium` once
  • A generation channel: a logged-in `claude` CLI, an Anthropic or Gemini API key, or an OpenAI-compatible endpoint added in the settings panel
  • Port 3100 and 3101 free on 127.0.0.1
Maintain Quilt? Add the Featured on Deduped badge

Paste this into your README:

[![Featured on Deduped](https://dedupedai.com/badge/bearisbug-quilt.svg)](https://dedupedai.com/use-cases/bearisbug-quilt/?ref=badge)

More badge styles and HTML

Questions about Quilt

What is Quilt?

Quilt is a local, single-user AI design tool that generates multi-screen HTML app designs on an infinite canvas and lets a coding agent read and write that canvas over MCP. It is an open-source project on GitHub: https://github.com/Bearisbug/Quilt.

Who is Quilt for?

Product builders and developers who want a clickable app prototype from a text description, or who want their coding agent to edit design screens directly.

What can I do with Quilt?

3 use cases so far, for example: Turn an app idea into a clickable multi-screen prototype; Let your coding agent read and edit design screens; Set one brand palette and reuse shared navigation across screens. Each has steps and a copy-paste agent prompt.

What do I need to run Quilt?

Node.js 22 or newer and pnpm 11; Chrome or Edge installed, or run `npx playwright install chromium` once; A generation channel: a logged-in `claude` CLI, an Anthropic or Gemini API key, or an OpenAI-compatible endpoint added in the settings panel; Port 3100 and 3101 free on 127.0.0.1.

What are alternatives to Quilt?

Other hot AI repos in Software and DevOps: Harness2, iFixAi, Orca, Diagram Design, AI Memory.

Is Quilt safe to run?

Deduped does not own, audit or vouch for it. Read the README and license, run it on your own systems first and review every command before you run it.