Design-Learn

把参考网站的设计风格,一键变成 AI 可用的规则。

开源 🏷️完全免费 🔧 仅开源项目,无在线服务,需自行部署 编程开发 🍴 复刻 16 🐛 待处理 4 👀 关注 2
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 172
维护状态 低维护
是否开源 开源
定价模式 🏷️完全免费 开源项目,MIT许可证,完全免费,无付费版本。

项目预览

Design-Learn 项目界面预览图
图片来源:项目官网

项目数据

分类编程开发
开发团队GalaxyXieyu
定价模式🏷️完全免费
价格说明开源项目,MIT许可证,完全免费,无付费版本。
访问状态🔧 仅开源项目,无在线服务,需自行部署
是否开源是
开源协议MIT
主要语言HTML
技术栈/模型ai-coding,chrome-extension,design-system,design-tokens,developer-tooling,mcp,ui-analysis
GitHub 星标★ 172
上线时间2025-11-23 00:00:00
代码更新2026-04-19
仓库体积12.2 MB
本站数据更新2026-11-10
维护状态低维护
收录时间2026-08-09
浏览次数6

项目介绍

Design-Learn 是一个帮助 AI 编程工具从参考网站中提取设计语言(如颜色、字体、间距、布局等)并转化为可复用规则的开源工具。它解决了 AI 生成代码时视觉风格不匹配的问题,让 AI 能更精准地模仿指定网站的设计风格。核心能力包括自动分析目标网站的 CSS 和视觉元素,提取设计 token,并生成适用于 AI 编码工具的规则文件,从而提升生成界面的还原度。项目目前处于早期阶段,使用 HTML 实现,适合前端开发者、AI 工具使用者以及需要快速搭建风格统一界面的团队。

Star 增长趋势

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

数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 172

核心亮点

  • 自动提取颜色、字体、间距等设计 token,减少手动整理成本
  • 输出规则文件可直接对接主流 AI 编码工具,提升生成界面还原度
  • 开源免费,方便二次定制和集成到现有工作流

不足之处

  • 项目早期,功能覆盖有限,可能不支持复杂动态网站
  • 文档和社区资源较少,上手需要一定技术背景

适用场景

  • 前端开发时快速参考竞品或灵感网站的设计风格
  • AI 生成 UI 前,先提取目标网站设计规则以统一风格
  • 设计系统初始化时,从现有网站反向生成设计规范

替代项目

Figma Tokens、Style Dictionary、Theo

上一篇:awesome-ios-design-md

下一篇:react-email-editor

同类项目推荐

lida 开源

说句话就能自动生成图表,省去手写代码

Automatic Generation of Visualizations and Infographics using Large Language Models

★ 3290 2026-08-09
interior-designer-ai 开源

上传房间照片,几秒生成 AI 重设计效果图

Upload a sample room photo and get a design back in seconds.

★ 222 2026-10-08
openui 开源

用 AI 生成 UI,一套标准通吃所有前端

The Open Standard for Generative UI

★ 15002 2026-08-09
motion-anything 开源

用大白话描述动效,AI 直接帮你生成动画

✨ The agentic motion layer — an open-source, chat-native motion engine. Describe t···

★ 1054 2026-08-09
avoid-ai-design 开源

自动揪出千篇一律的 AI 味,改成像人做的

Audits AI-generated frontend and rewrites it so it stops looking AI-made: purple-gra···

★ 149 2026-08-09
sketches 开源

用 Python 代码画艺术草图,给绘图机创作找灵感

My personal collection of sketches made with vsketch

★ 66 2026-08-09
GenerativeArt 开源

用代码生成无限视觉图案,零基础也能玩转生成艺术。

★ 73 2026-08-09
factorio-blueprint-visualizer 开源

把《异星工厂》蓝图字符串变成高清图片,直观预览和分享。

A python library to artfully visualize Factorio Blueprints and an interactive web de···

★ 587 2026-08-09
farbvelo 开源

一键生成和谐配色,告别选择困难

"Random" color palette generator, cycles

★ 93 2026-08-09