设计系统相关技术文章

php mysql shell go vue css api接口对接支付接口对接

Meta 开源 Astryx：撑起 13000 个应用的设计系统，人和 AI 用同一份文档

Meta 开源 Astryx：撑起 13000 个应用的设计系统，人和 AI 用同一份文档
2026-09-12 09:54:23
Astryx 是 Meta 内部打磨 8 年的设计系统：支撑 Facebook、Instagram、Threads 等超 13000 个应用；开放架构组件可拆开重组甚至导出源码，主题就是 CSS 变量设计师改色不用写代码；150+ 无障碍组件、内置 CLI 与 MCP 服务器，JSON Manifest 让 AI 代理和人类看同一份结构化 API 文档。
Astryx 设计系统 Meta React 开源

awesome-design-md：50+ 顶级品牌设计系统写成 Markdown，AI 写 UI 直接照抄大厂审美

awesome-design-md：50+ 顶级品牌设计系统写成 Markdown，AI 写 UI 直接照抄大厂审美
2026-09-12 09:50:28
awesome-design-md 由 VoltAgent 团队开源：基于 Google Stitch 提出的 DESIGN.md 概念，把 Claude、Apple、Spotify、Linear、Stripe 等 50+ 顶级品牌的视觉 DNA 反向工程成现成 Markdown 设计系统文档，丢进项目根目录即可让 AI 编码代理生成一致、高级的 UI，零安装复制即用。
awesome-design-md DESIGN.md AI UI 设计系统前端

扒站不用再数十六进制：SkillUI 把网站设计系统逆向成 Claude Code 能读的 Skill 文件

扒站不用再数十六进制：SkillUI 把网站设计系统逆向成 Claude Code 能读的 Skill 文件
2026-09-12 09:19:10
SkillUI 是一款开源 CLI 工具，通过纯静态分析把任意网站、Git 仓库或本地项目的设计系统逆向成 Claude Code 可直接读取的 Skill 文件。它无需 API Key，零 AI 猜测，可精确提取颜色、字体、间距等设计 token，Ultra 模式还借助 Playwright 捕获滚动截图、hover 状态与动画关键帧，输出 SKILL.md、DESIGN.md 与 tokens JSON 等结构化文件，帮助开发者摆脱千篇一律的 AI 模板风格。
SkillUI 设计系统 Claude Code 设计Token 前端工具

Kami：AI 时代的文档设计系统，8条规则统一文档视觉，3100 Star

Kami：AI 时代的文档设计系统，8条规则统一文档视觉，3100 Star
2026-09-05 19:00:44
介绍 Kami 这个 AI 文档设计系统：用 8 条不可打破的设计规则让 AI 生成的文档在视觉上保持一致，支持一页纸、长文档、信件、作品集、简历、幻灯片六种格式，内置 12 种内联 SVG 图表，可安装到 Claude Code/Codex 等 Agent 中自动调用，5 天获 3100 Star。
Kami 文档设计 AI文档设计系统 Claude Code Skill 排版

UI/UX Pro Max Skill：让AI生成界面不再千篇一律的设计系统，50.9K Star

UI/UX Pro Max Skill：让AI生成界面不再千篇一律的设计系统，50.9K Star
2026-09-05 18:59:31
介绍 UI/UX Pro Max Skill 这个为 AI 编程助手设计的 UI/UX 增强系统：内置67种UI风格、161个调色板、99条UX最佳实践和反模式规则，强制AI在写代码前完成行业调研和设计系统定义，支持 Claude 和 Cursor，显著减少迭代次数，50.9K Star。
UI/UX Pro Max AI设计设计系统界面生成

Hallmark 深度拆解：当 AI 设计从"千篇一律"到"独一无二"——开源反 AI-slop 设计 Skill 的工程全貌（2026）

Hallmark 深度拆解：当 AI 设计从"千篇一律"到"独一无二"——开源反 AI-slop 设计 Skill 的工程全貌（2026）
2026-07-18 11:16:28
2026年7月爆火的Nutlope/hallmark开源项目深度拆解：21种宏观结构、20+设计主题、57道检测门，从根本上解决AI生成设计千篇一律的问题。完整代码实战与工程架构分析。
Hallmark AI设计反AI-slop Claude Code Cursor Codex 设计系统前端工程 AI编程 Nutlope GitHub开源 HTML CSS

AI 生成界面为什么总是样板间？ taste-skill 用 SKILL.md 给 AI 装上设计品味

AI 生成界面为什么总是样板间？ taste-skill 用 SKILL.md 给 AI 装上设计品味
2026-07-08 12:50:03
taste-skill 通过将设计品味封装为可组合的 SKILL.md 技能集，解决 AI 生成界面千篇一律的核心问题。本文深入解析其三段旋钮系统、设计技能体系与工程实践。
AI编程 taste-skill 前端设计 SKILL.md Claude Code 设计系统 AI Agent

AI 生成界面为什么总是样板间？ taste-skill 如何用 SKILL.md 教 AI 学会设计品味

AI 生成界面为什么总是样板间？ taste-skill 如何用 SKILL.md 教 AI 学会设计品味
2026-07-08 12:47:28
taste-skill 通过将设计品味封装为可组合的 SKILL.md 技能集，解决 AI 生成界面千篇一律的核心问题。本文深入解析其三段旋钮系统、设计技能体系与工程实践。
AI编程 taste-skill 前端设计 SKILL.md Claude Code 设计系统

Open Design：31个Skills+72套设计系统，Claude Design的开源替代品

Open Design：31个Skills+72套设计系统，Claude Design的开源替代品
2026-05-09 06:34:08
Open Design开源项目：Claude Design的开源替代品，31个Skills+72套设计系统，支持16种AI CLI工具，本地运行Apache-2.0协议，多模型支持，内置图片视频生成，MCP集成
AI设计 Claude Design替代开源设计工具本地运行多模型设计系统

4400人收藏！Kami：让AI生成的文档终于有了值得一看的排版

4400人收藏！Kami：让AI生成的文档终于有了值得一看的排版
2026-05-06 07:10:59
4400人收藏的Kami文档设计系统，8条设计铁律让AI生成文档有专业排版，6种文档类型，12种内置SVG图表，暖米色背景+油墨蓝强调色，Serif字体印刷质感
文档设计 AI排版 Kami PDF生成设计系统 Claude Skill tw93

Open Design 深度拆解：当 AI 代理遇上设计系统——从 12 种编程 CLI 到 72 套设计语言的全链路技术实战

Open Design 深度拆解：当 AI 代理遇上设计系统——从 12 种编程 CLI 到 72 套设计语言的全链路技术实战
2026-05-03 00:35:59
14.8K Stars，5 天破万，这个开源项目凭什么成为 Claude Design 的最强挑战者？
AI Agent 设计系统开源 TypeScript

Open Design 深度解析：开源世界的 Claude Design 替代品——当 AI 编程代理变身设计引擎

Open Design 深度解析：开源世界的 Claude Design 替代品——当 AI 编程代理变身设计引擎
2026-05-01 23:15:01
深度解析 Open Design 开源项目：4天突破10000 Star的 Claude Design 替代品。不绑定模型、不锁定云服务，支持10+编程代理、31种设计技能、72个品牌设计系统，完全开源免费自托管。
开源 AI设计 Claude Design 设计系统编程代理

开源Chrome插件一键扒光网站设计：自动提取配色/字体/间距，生成AI可读的SKILL.md

开源Chrome插件一键扒光网站设计：自动提取配色/字体/间距，生成AI可读的SKILL.md
2026-04-21 09:02:26
design-md-chrome：Chrome插件一键提取网站设计规范（字体/配色/间距/阴影/动画），生成DESIGN.md或SKILL.md喂给Claude Code/Cursor复刻
开源 Chrome插件设计工具 AI编程前端设计系统 Claude Code Cursor

大家都在搜索什么？

devops 易支付一个官网+多少钱统一接受回调统一回调 python sub node 宝塔日志 mysql shell ElasticSearch css vue api接口对接 2025 支付接口对接 go php php回调