#设计系统
Vercel 公开 Design.md 教科书级范本:语义化颜色、角色化字号与组件引用规范详解
近期出现了完全通过 AI 制作的网站,家具展示区域支持 360 度拖拽和放大查看细节。
关于 Design.md,给 AI 一份设计规范让它生成代码时有章可循。但实际动手写时,很多人会卡住——不知道写什么、写到什么…
基于 shadcn 编写 B 端设计 Skill:规则、皮肤、实现三层解耦实践
基于 shadcn 为 AI 编写 B 端设计 Skill,将设计师的经验判断转化为 AI 可执行的规则。shadcn 解决了界面实现,但 B 端产品的关键判断——金额对齐、操作按钮堆叠、AI 建议可信度等&mdas…
AI 不按规范生成页面?问题可能不在提示词,而在你的知识组织方式
最近刷到一篇文章,讲了一个很多 AI 用户都遇到过的问题:为什么 AI 不按规范生成页面?
文章作者是设计师范米花儿,她提到了一个很有意思的观察。很多人问她的核心问题其实就一个:我明明有 Figma 组件库、有规范文档、甚至有前端工程,为什…
Google 开源 design.md:让 AI Agent 输出专业 UI 的设计规范
AI 写网页时总爱偷懒——上来就是 Tailwind 默认配色、Inter 字体,一看就是模板味。五年前 Tailwind 创始人把 TailwindUI 里每个按钮都设成 bg-indigo-500,导致地球上每个…
Taste Skill:51.8K Star 前端设计规则框架,让 AI 生成的网页告别模板味
让 AI 生成网页代码时,最常见的结果是:深色背景、紫蓝渐变、居中大标题、三张功能卡片、发光按钮。代码本身没问题,但一眼就能看出是 AI 写的——AI 味太重。
换个 prompt 再试一次,还是那套模板:紫色换蓝色…
微信小程序设计规范 Skill 实战:用AI 30分钟从PDF到完整设计系统
之前写过一篇把设计系统做成设计 Skill 的文章,流程确实挺费劲——要整理 token、定义 schema、梳理 patterns,还要开 MCP 接口打通工具链。每一步都有门槛,很多人看完觉得"有道理,但我做不来…
AI 写前端总是蓝紫渐变?完整设计规则 Prompt 让生成页面摆脱「AI 味」
问题:为什么 AI 生成的前端页面「一眼 AI」
用 AI 写一个 Dashboard 页面,回车按下后,生成的结果大概率是这样的:蓝紫渐变铺满背景,白色卡片浮在上面,左上角一个 emoji 火箭,标题字号比正文大三倍,底部一排按钮&mda…
Kami 开源文档设计系统:统一设计规范,让 AI 生成的文档直接可用
AI 生成文档已经不是新鲜事,但每次输出的样式总不一致——灰色、白色、配色千篇一律、排版每次都不一样。内容可能没问题,但视觉质量始终差一口气。
如果连续生成多份文档,每份风格都不同,想统一只能手动调整。这个"最后一公…
DESIGN.md 开源项目详解:5 天 52K Star,用 Markdown 让 AI 写出品牌级 UI
丢一个 Markdown 文件到项目里,告诉 AI"照这个风格做",出来的 UI 直接就是 Stripe 级别的质感。GitHub 上一个叫 awesome-design-md 的项目,5 天内冲到 52,264 Star,刷屏了整个开发者…
Designmd.ai:面向 AI 原生开发的设计系统资源枢纽
作为一名长期追踪 AI 辅助开发工具演进的产品经理,我观察到在 AI 编码代理日益普及的今天,"设计规范的一致性"已成为开发流程中的新瓶颈。开发者往往拥有强大的代码生成工具,却缺乏让 AI 精准理解特定设计风格的标准化输入源。
Desig…