design.how

给 AI 编码代理装上统一设计系统

开源 🏷️定价信息待确认 ⏳ 访问状态待核验 设计创意 🍴 复刻 16
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 243
维护状态 活跃
是否开源 开源
定价模式 🏷️定价信息待确认

项目预览

design.how 项目界面预览图
图片来源:项目官网

项目数据

分类设计创意
开发团队arla6ka
官网地址https://design.how
定价模式🏷️定价信息待确认
价格说明定价信息待确认
访问状态⏳ 访问状态待核验
是否开源是
开源协议MIT
主要语言TypeScript
技术栈/模型agent-skills,ai-agents,canvas,claude-code,codex,coding-agents,creative-coding,cursor,design-system,design-tokens,kinetic-typography,react,shadcn,shadcn-registry,shaders,tailwindcss,typescript,ui,webgl
GitHub 星标★ 243
上线时间2026-09-28 00:00:00
代码更新2026-11-04
仓库体积8.1 MB
本站数据更新2026-11-05
维护状态活跃
收录时间2026-11-05
浏览次数0

项目介绍

design.how 是面向编码智能体(Claude Code、Codex、Cursor 等)的设计系统与技能库,用 TypeScript 实现。它解决的核心问题是:AI 编码代理擅长写逻辑代码,却缺乏统一的视觉语言和设计规范,产出界面容易风格割裂、细节粗糙。项目把设计令牌、组件规范、动效与画布能力封装成 agent 可调用的技能(skills)和可视化素材,让代理在生成前端代码时直接引用一致的设计体系,从而产出更接近专业设计稿的界面。核心能力包括:设计令牌与主题管理、可复用的 agent 技能定义、canvas 与 kinetic 动效支持、面向多款编码代理的适配。项目处于早期阶段,适合想给 AI 编码流程加上设计约束的开发者与设计工程师探索。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-11-05 · 当前星标 ★ 243

核心亮点

  • 把设计令牌和组件规范做成 agent 可直接调用的技能,减少 AI 生成界面的风格漂移
  • 同时适配 Claude Code、Codex、Cursor 等多款编码代理,覆盖面较广
  • 内置 canvas 与 kinetic 动效能力,让代理产出不止静态页面

不足之处

  • 项目处于早期,星标约 243,生态与文档成熟度有待观察
  • 设计系统内容偏向示例性质,实际项目落地需要自行补充完整组件库

适用场景

  • 用 Cursor 或 Claude Code 生成前端页面时,统一配色、间距与组件风格
  • 团队为 AI 编码流程建立可复用的设计规范与技能包
  • 快速生成带动效的创意页面原型

替代项目

shadcn/ui、Storybook、Tailwind CSS

上一篇:diorama

下一篇:ai-costume-gallery-zh

同类项目推荐

fudge-design-md 开源

抓取真实网站,一键生成设计规范文档

DESIGN.md guides generated from real website references captured by Fudge.

★ 122 2026-08-09
DungeonTemplateLibrary 开源

用 C++ 快速生成多样地下城地图,省去手动设计关卡

: Dungeon free resources (terrain & roguelike generation)

★ 1466 2026-08-09
web-builder 开源

拖拽加AI,快速生成响应式网站,零代码也能做UI

AI 驱动 UI 生成和发布的低代码平台,基于TailwindCss,通过拖拽可视化快速构建现代化响应···

★ 585 2026-08-09
designpull 开源

看到喜欢的网站,一键扒下它的设计配方

Generate Google Stitch compatible DESIGN.md files from any website using AI vision. ···

★ 55 2026-08-09
figma-console-mcp 开源

把 Figma 设计系统变成 AI 能直接调用的接口

Your design system as an API. Connect AI to Figma for extraction, creation, and debu···

★ 2898 2026-10-08
unslop 开源

把AI味界面一键改成有设计感的成品UI

A Claude skill that turns vibecoded, AI-looking UI into a designed interface

★ 7948 2026-11-01
sd-webui-oldsix-prompt 开源

中文点选提示词,告别英文苦手,快速出好图

sd-webui中文提示词插件、老手新手炼丹必备

★ 1959 2026-08-09
glisp 开源

用 Lisp 写代码,实时生成设计作品

A small Lisp as an interaction substrate for creative software: one program, edited ···

★ 1186 2026-08-09