{"repo":"GalaxyXieyu/Design-Learn","free":true,"listed":false,"github":"https://github.com/GalaxyXieyu/Design-Learn","clone":"git clone https://github.com/GalaxyXieyu/Design-Learn.git","description":"Extract reference-site design language into reusable rules for AI coding tools.","language":"HTML","stars":170,"topics":["ai-coding","chrome-extension","design-system","design-tokens","developer-tooling","mcp","ui-analysis"],"license":"MIT","category":"mcp-servers","readme_excerpt":"Design-Learn Extract reference-site design language into reusable rules for AI coding tools. Case study · AgentsGalaxy · Chrome + MCP workflow Design-Learn helps you stop describing great UI with vague adjectives. It captures the visual language of a reference website, turns that into structured design rules, and makes those rules queryable from AI coding environments through an optional local service and MCP layer. Why Design-Learn - extract a real site's tokens, patterns, and component cues once - store them as reusable design context instead of screenshot-only inspiration - feed that context back into AI coding tools so generated UI feels more coherent - keep the browser extension lightweight while exposing deeper retrieval via local services and MCP Quick Start 1. Load chrome-extension/ as an unpacked Chrome extension. 2. Click the extension on a page you want to study. 3. Optionally start design-learn-server if you want local persistence, MCP, or VSCode integration. 中文说明 一键提取网页设计风格，AI 智能分析，插件零依赖 + 可选本地服务联动 🎯 项目简介 这是一个 插件端零依赖 的 Chrome 浏览器插件，用户无需安装额外软件即可完成页面提取（HTML、CSS、图片、字体等）。如需与 VSCode 或服务端同步，可选启动 design-learn-server 进行本地联动。 核心特性 - ✅ 插件端零依赖 : 无需 Node.js、Playwright 等任何依赖 - ✅ 一键提取 : 点击插件图标即可提取当前页面 - ✅ 完整快照 : HTML + CSS + 图片 + 字体 + 元数据 - ✅ AI 分析 : 集成 AI 模型，自动生成设计分析报告 - ✅ 提示词模板 : 可编辑、多版本管理的 AI 提示词系统 - ✅ 本地存储 : 使用 Chrome Storage 本地保存，无需后端 - ✅ 本地服务同步（可选） : 支持上报到 design-learn-server ，与 VSCode 联动 - ✅ 即时预览 : 在新标签页预览提取的页面 - ✅ 一键下载 : 导出为完整的 HTML 文件 - ✅ 历史记录 : 按域名分组，批量分析 🧭 当前架构（已实","default_branch":null,"files":null,"tree":[],"storefront":"/r/GalaxyXieyu","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/GalaxyXieyu/Design-Learn/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}