design-graph

by noemica-io · AI 工具 · ★ 7

About design-graph

Design Graph AI design tools give you pages. Design Graph gives you flows. A canvas where each node is an AI-generated screen and each edge is a user action — so you see the whole product experience, not just isolated variants. by noemica Quickstart · The pitch · Authoring · Viewer · Projects The pitch Most AI design tools output one polished page per prompt. That's the wrong unit. Real products are flows — a sequence of screens, connected by user actions, with alternate paths at every step. Design Graph is the canvas for designing them. Nodes are screens.

aicanvasclaudeclaude-codedesign-systemdesign-toolshtmlopen-sourceprototyping

Quick Facts

Stars7
Forks1
LanguageHTML
CategoryAI 工具
LicenseMIT
Quality Score34.8/100
Last Updated2026-04-19
Created2026-04-19
Platformsclaude-code
Est. Tokens~2570k

Compatible Skills

These tools work well together with design-graph for enhanced workflows:

  • design-system-ops — semantic(0.41)+complementary+rare_topics+same_lang+similar_pop+shared_platform (69%)
  • design-skill-os — semantic(0.46)+complementary+rare_topics+similar_pop+shared_platform (60%)
  • design-suite-claude-skills — semantic(0.37)+complementary+same_lang+similar_pop+shared_platform (58%)
  • awesome-claude-design — semantic(0.44)+complementary+rare_topics+similar_pop+shared_platform (55%)
  • awesome-claude-design — semantic(0.42)+complementary+rare_topics+similar_pop+shared_platform (54%)

More AI 工具 Tools

Explore other popular ai 工具 tools:

View all AI 工具 tools →

Popular HTML Agent Tools

Frequently Asked Questions

What is design-graph?

design-graph is AI design tools give you pages. Design Graph gives you flows. A canvas where each node is an AI-generated screen and each edge is a user action — so you see the whole product experience, not just vari. It is categorized as a AI 工具 with 7 GitHub stars.

What programming language is design-graph written in?

design-graph is primarily written in HTML. It covers topics such as ai, canvas, claude.

How do I install or use design-graph?

You can find installation instructions and usage details in the design-graph GitHub repository at github.com/noemica-io/design-graph. The project has 7 stars and 1 forks, indicating an active community.

What license does design-graph use?

design-graph is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse AI 工具 tools