用AI做UI，最大的痛点不是"画不出来"，而是画出来不像那个味儿。想让AI生成Linear风格的深色极简界面，结果出来一个五颜六色的花哨界面？想让AI输出Apple式的戏剧感设计，结果出来一个平平无奇的中规中矩版？问题不在AI不够强，而在于没有给它准确的风格描述。UI-SKILLS 是一套UI设计风格工具包，包含10种顶级设计语言，每一种都是经过验证的、经久不衰的设计系统。只需要告诉AI"用这个SKILL"，就能生成风格高度一致的UI界面。

10种设计风格全景图每一种风格都代表了全球顶级科技公司的设计语言精华，可以直接用于AI生成。
🌌 01 · Linear 式极简深色调性：精准、专业、极客色彩：■深黑背景 ■品牌靛蓝紫核心：Inter字体 + 负字间距 | 半透明边框系统 | 多层阴影 | 状态指示器场景：AI代码助手、SaaS管理后台、开发者平台品牌：Linear、Vercel、Raycast
📝 02 · Notion 式温暖极简调性：亲和、创作、放松色彩：■暖白背景 ■Notion蓝核心：近黑文字替代纯黑 | 超薄1px边框 | 超柔和阴影 | 8px基础间距场景：笔记工具、文档协作、教育科技、创意写作品牌：Notion、Obsidian、Craft
🎯 03 · Figma 式工具美学调性：创意、专业、灵活色彩：■纯黑 ■纯白核心：严格黑白界面 | 变量字体极端权重 | 胶囊按钮(50px) | 虚线焦点环场景：设计工具、无代码平台、开发者文档品牌：Figma、Canva、Framer
💻 04 · Supabase 式终端美学调性：技术、硬核、开发者色彩：■近纯黑 ■翡翠绿核心：HSL透明层级 | Source Code Pro | Pill按钮(9999px) | 终端原生感场景：数据库管理、API平台、云基础设施品牌：Supabase、GitHub Desktop
💳 05 · Stripe 式精致奢华调性：信任、精致、专业色彩：■纯净白底 ■Signature紫核心：300字重超轻标题 | 蓝调多层阴影 | 保守圆角(4-8px) | 金融级信任场景：支付平台、SaaS定价、发票工具品牌：Stripe、Square、Plaid
🍎 06 · Apple 式戏剧极简调性：高级、戏剧、尊贵色彩：■纯黑 ■浅灰核心：二元明暗交替 | 产品摄影绝对中心 | SF Pro字体 | Cinema式留白场景：消费电子、高端科技、发布会页面品牌：Apple
🏠 07 · Airbnb 式温暖亲和调性：温暖、友好、可信色彩：■大量白色 ■Rausch红核心：Airbnb Cereal圆润字体 | 三层卡片阴影 | 大圆角(8-32px) | 旅行杂志感场景：民宿平台、O2O本地生活、消费品牌品牌：Airbnb、携程
🎵 08 · Spotify 式品牌驱动调性：活力、娱乐、沉浸色彩：■沉浸深色 ■Spotify绿核心：单一品牌色统治 | Pill按钮(500px+) | 圆形播放按钮 | Heavy阴影场景：音乐流媒体、社区产品、娱乐应用品牌：Spotify、Discord
🏢 09 · IBM 式企业规范调性：专业、可信、可扩展色彩：■IBM蓝 ■灰度体系核心：IBM Plex Sans | Carbon设计系统 | 8px网格 | 0px圆角 | 无阴影场景：企业SaaS、B2B后台、政务系统、数据仪表盘品牌：IBM、Oracle、SAP
👑 10 · 奢侈克制调性：排他、尊贵、艺术色彩：■象牙白 ■品牌金核心：Cormorant Garamond衬线 | 超大间距(80-120px) | 极度留白 | 0px圆角场景：奢侈品官网、高端汽车、精品酒店、顶级腕表品牌：Louis Vuitton、CARTIER
⚡ UI-SKILLS 解决什么问题？
❌ 痛点1：AI生成的UI"差点意思" → ✅ 直接给AI一个SKILL，它就知道要什么风格❌ 痛点2：设计规范难落地 → ✅ 每个SKILL都是可直接给coding agent读的规范❌ 痛点3：产品视觉不一致 → ✅ 同一产品线用同一个SKILL，保证风格统一❌ 痛点4：从零设计费时费力 → ✅ 基于已有SKILL改版，比从零快5-10倍🎯 行业快速匹配🤖 AI产品 / 开发者：Linear · Supabase · Figma💰 金融科技：Stripe📚 知识管理：Notion🏠 生活服务 / O2O：Airbnb🎵 内容平台：Spotify🏢 企业软件：IBM · Linear🚀 怎么使用？Step 1：选择目标风格Step 2：让AI使用对应的SKILL提示词Step 3：获得风格一致的UI界面使用示例："请使用 style-linear 的设计规范：
背景：#08090a / 强调色：#7170ff / 字体：Inter / 按钮：半透明背景 + 6px圆角"💡 核心价值✅ 设计效率提升10倍：告诉AI"用Linear风格"，直接出稿，无需反复修改✅ 品牌一致性100%：每个SKILL都是经过验证的设计系统✅ 设计师+AI协作：设计师定义风格，AI coding agent执行生成✅ 开箱即用：完整文档 + 可视化预览 + 案例，无需从零开始👥 适合谁用？👨‍💻 产品经理：快速输出高保真原型🎨 设计师：作为设计系统的风格参照🚀 创业者：用AI快速验证产品方向🛠️ 开发者：生成风格统一的管理后台