AI 应用人工智能AI 技能设计系统媒体生成【免费下载链接】open-design Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. ️ Local-first desktop app. ️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images video — real files, HTML/PDF/PPTX/MP4 export. Claude Code / Codex / Cursor / DeepSeek Harness / OpenCode 20 CLIs via BYOK.项目地址https://gitcode.com/gh_mirrors/opend/open-design点击查看免费下载本文以 Open Design 仓库内 design-systems/ibm/DESIGN-zh-tw.md 为核心骨架结合 design-systems/ibm/tokens.css、design-systems/ibm/components.html、design-systems/ibm/components.manifest.json 等仓库实现文件展开。它面向三类读者需要在 Open Design 中产出「IBM 风格」原型、落地页、仪表盘或幻灯片的设计 Agent需要将--cds-*/--accent风格语义化 Token 体系迁移到自有前端工程的前端工程师以及想系统理解 Carbon 设计语言企业权威 × 矩形几何 × 单一蓝色信号的设计研究者。读完后你将掌握IBM 视觉身份的完整色板与排版层级、组件级实现参数、8px 网格与响应式断点策略以及可直接复制的 Agent 提示词配方。1. 设计系统的本质企业权威的数字化体现IBM 网站是建立在 Carbon 设计系统之上的企业级技术视觉——这套设计语言结构严谨读起来像是以网页形式呈现的工程规范。其核心运行机制是一个鲜明的二元对比明亮的白色画布 近乎纯黑的文字 唯一且始终如一的强调色 IBM 蓝 60#0f62fe。它不是新创公司式的俏皮极简主义而是「将企业精确性凝练为像素」的产物。在 Open Design 的该设计系统包中这一理念被进一步工程化为三层契约见 design-systems/ibm/manifest.jsonDESIGN 文档即本指南所依据的 DESIGN.md含多语言版本如 DESIGN-zh-tw.md描述视觉意图、约束与反模式Token 样式表tokens.css声明全部语义化 CSS 自定义属性组件参考夹具components.html 与 components.manifest.json给出可直接复用的组件类名、选择器与状态。包内每个互动状态都映射到带--cds-Carbon Design System前缀的 CSS 自定义属性。按钮不硬编码颜色而是引用--cds-button-primary、--cds-button-primary-hover、--cds-button-primary-active。在 Open Design 的实现里这一思想被收敛为一组以--前缀的语义 Token--accent、--surface、--fg等并把--cds-*的语义意图保留在注释与文档层。Token 化架构意味着整个视觉层是覆盖在深度系统化基础上的一层薄皮——相当于设计领域中一套类型严谨的 API见 USAGE.md 的「Design Highlights」。1.1 核心特征清单IBM Plex Sans 细体Light 300用于展示——通过排版克制传达企业气派IBM Plex Mono 用于代码与技术内容小尺寸下保持一致的 0.16px 字间距单一强调色IBM 蓝 60#0f62fe——覆盖所有互动元素、所有行动号召、所有链接Carbon Token 系统--cds-*驱动所有语义颜色支持在变量层切换主题严格遵循 8px 间距网格——无任意值一切对齐灰 10#f4f4f4表面上的扁平无边框卡片——通过背景色分层实现层级而非阴影下边框输入框非盒状——Carbon 表单的标志性模式主要按钮圆角 0px——矩形毫不妥协无任何柔化。2. 色彩调色板与角色2.1 主色角色色值用途TokenIBM 蓝 60#0f62fe唯一互动色主要按钮、链接、焦点状态、启用指示器--accent白色#ffffff页面背景、卡片表面、蓝底白字--bg灰 100#161616主要文字、标题、深色表面背景、导航栏、页脚--fg在仓库实现中这一「白 黑 一蓝」的三元结构被明确写入 tokens.css 的:root块--bg: #ffffff; --fg: #161616; --accent: #0f62fe;并经由 tailwind-v4.css 的theme映射为 Tailwind 工具类bg-bg、text-fg、bg-accent等实现「Token 单一事实来源 框架层自动派生」。2.2 中性灰度系列灰色 100 → 灰 10灰阶色值角色与用途对应 Token灰 100#161616主要文字、标题、深色 UI 装饰、页脚背景--fg灰 90#262626次级深色表面、深色背景悬停状态—灰 80#393939三级深色、启用状态—灰 70#525252次要文字、辅助文字、说明--fg-2灰 60#6f6f6f占位文字、禁用文字--muted灰 50#8d8d8d禁用图标、静音标签--meta灰 30#c6c6c6边框、分隔线、输入框下边框--border灰 20#e0e0e0微妙边框、卡片轮廓--border-soft灰 10#f4f4f4次级表面背景、卡片填充、交替行--surface灰 10 悬停#e8e8e8灰 10 表面的悬停状态—2.3 互动色蓝 60#0f62fe主要互动色——按钮、链接、焦点。--cds-link-primary、--cds-button-primary蓝 70#0043ce链接悬停状态。--cds-link-primary-hover蓝 80#002d9c蓝色元素的启用/按下状态蓝 10#edf5ff蓝色浅底表面、选中行背景仓库中对应--surface-warm焦点蓝#0f62fe--cds-focus——聚焦元素 2px 内嵌边框焦点内嵌#ffffff--cds-focus-inset——深色背景上焦点的白色内圈。Open Design 的实现进一步用color-mix()动态派生悬停/激活色避免散落硬编码值tokens.css--accent-hover: color-mix(in oklab, var(--accent), black 8%); --accent-active: color-mix(in oklab, var(--accent), black 14%);2.4 支持色与状态色红 60#da1e28错误、危险。--cds-support-error/--danger绿 50#24a148成功。--cds-support-success/--success黄 30#f1c21b警告。--cds-support-warning/--warn蓝 60#0f62fe信息。--cds-support-info。2.5 深色主题灰 100 主题角色色值说明背景灰 100#161616--cds-background图层 01灰 90#262626卡片与容器表面图层 02灰 80#393939提升表面主要文字灰 10#f4f4f4--cds-text-primary次要文字灰 30#c6c6c6--cds-text-secondary微妙边框灰 80#393939--cds-border-subtle互动色蓝 40#78a9ff链接与互动元素变浅以保证对比度由于整个色板都收敛在 Token 变量上深色主题本质上只是「换一组变量值」无需重写组件样式——这正是 Token 化架构在变量层实现主题切换的直接收益。3. 字体排版规则3.1 字体族主要字体IBM Plex Sans后备Helvetica Neue, Arial, sans-serif仓库中为--font-display/--font-body等宽字体IBM Plex Mono后备Menlo, Courier, monospace仓库实现中为IBM Plex Mono, SF Mono, Menlo, monospace见 tokens.css衬线字体限制使用IBM Plex Serif用于编辑/表达性场景图标字体ibm_icons——20px 专有图标字形。3.2 完整层级表角色字体尺寸字重行高字间距备注Display 01IBM Plex Sans60px (3.75rem)300 (Light)1.17 (70px)0最大视觉冲击力细体优雅Display 02IBM Plex Sans48px (3.00rem)300 (Light)1.17 (56px)0次级英雄区响应式备用Heading 01IBM Plex Sans42px (2.63rem)300 (Light)1.19 (50px)0表达性标题Heading 02IBM Plex Sans32px (2.00rem)400 (Regular)1.25 (40px)0区块标题Heading 03IBM Plex Sans24px (1.50rem)400 (Regular)1.33 (32px)0子区块标题Heading 04IBM Plex Sans20px (1.25rem)600 (Semibold)1.40 (28px)0卡片标题、功能标题Heading 05IBM Plex Sans20px (1.25rem)400 (Regular)1.40 (28px)0较轻的卡片标题Body Long 01IBM Plex Sans16px (1.00rem)400 (Regular)1.50 (24px)0标准阅读文字Body Long 02IBM Plex Sans16px (1.00rem)600 (Semibold)1.50 (24px)0强调正文、标签Body Short 01IBM Plex Sans14px (0.88rem)400 (Regular)1.29 (18px)0.16px紧凑正文、说明文字Body Short 02IBM Plex Sans14px (0.88rem)600 (Semibold)1.29 (18px)0.16px粗体说明、导航项目Caption 01IBM Plex Sans12px (0.75rem)400 (Regular)1.33 (16px)0.32px元数据、时间戳Code 01IBM Plex Mono14px (0.88rem)400 (Regular)1.43 (20px)0.16px行内代码、终端Code 02IBM Plex Mono16px (1.00rem)400 (Regular)1.50 (24px)0代码块Mono DisplayIBM Plex Mono42px (2.63rem)400 (Regular)1.19 (50px)0英雄区等宽装饰在仓库中这套标度被压缩为 tokens.css 的--text-xs12px到--text-4xl60px八个档位配合--leading-tight: 1.17与--tracking-display: 0并在 components.manifest.json 的typography组件组中由h1/h2/h3、.eyebrow、.lead选择器消费。3.3 排版原则展示尺寸使用细体Carbon 的表达型字体集在 42px 以上使用细体300制造「内容以企业权威口吻发声、字形却以排版的轻盈低语表达」的张力小尺寸微观字距追踪14px 时 0.16px 字间距、12px 时 0.32px——这些细微值是 Carbon 在紧凑尺寸下提升可读性的关键将紧密的 IBM Plex 字形适度打开三个功能字重300展示/表达、400正文/阅读、600强调/UI 标签700 被刻意排除在生产排版规范之外生产型与表达型生产型用更紧的行高1.29适应密集 UI表达型呼吸感更强1.40–1.50用于营销与编辑内容。4. 组件样式规格4.1 按钮主要按钮蓝色背景#0f62fe蓝 60→--cds-button-primary/--accent文字#ffffff白内边距14px 63px 14px 15px不对称——为尾部图标留空间边框1px solid transparent圆角0px锐利矩形——Carbon 标志高度48px默认、40px紧凑、64px表达型悬停#0353e9蓝 60 悬停→--cds-button-primary-hover启用#002d9c蓝 80→--cds-button-primary-active焦点2px solid #0f62fe内嵌 1px solid #ffffff内圈。次要按钮灰色背景#393939灰 80文字白悬停#4c4c4c灰 70启用#6f6f6f灰 60内边距/圆角与主要按钮一致。三级按钮幽灵蓝背景 transparent文字#0f62fe边框1px solid #0f62fe悬停文字变#0353e9且背景叠加蓝 10 浅底圆角 0px。幽灵按钮背景 transparent文字#0f62fe内边距14px 16px无边框悬停背景#e8e8e8浅底。危险按钮背景#da1e28红 60文字白悬停#b81921红 70。仓库参考夹具在 components.html 中对应.btn、.btn-primary、.btn-secondary类与:hover、:focus-visible状态components.manifest.json 的buttons组记录了其消费的 Token--accent、--accent-on、--motion-fast、--ease-standard、--radius-md等其中焦点环 Token--focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #0f62fetokens.css正是「内嵌蓝 白色内圈」的落地实现。4.2 卡片与容器背景白色主题为#ffffff提升卡片为#f4f4f4灰 10边框无扁平设计——大多数卡片无边框或阴影圆角0px与矩形按钮美学一致悬停可点按卡片背景变为#e8e8e8灰 10 悬停内容内边距16px分隔方式背景色分层白 → 灰 10 → 白而非阴影。4.3 输入框与表单背景#f4f4f4灰 10→--cds-field/--surface文字#161616灰 100内边距0 16px仅水平方向高度40px默认、48px大型边框侧/顶无边框——底部2px solid transparent底边框启用2px solid #161616灰 100焦点底边框2px solid #0f62fe蓝 60→--cds-focus错误底边框2px solid #da1e28红 60标签12px IBM Plex Sans0.32px 字间距灰 70辅助文字12px灰 60占位文字灰 60#6f6f6f圆角0px顶部——输入框为尖角。components.manifest.json 的inputs组确认了.field、input、input:focus、label选择器及其 Token 引用--surface、--fg、--border、--space-4等。4.4 导航背景#161616灰 100——全宽深色顶栏高度48px标志IBM 八条纹标志深色背景上白色靠左对齐链接14px IBM Plex Sans字重 400#c6c6c6灰 30默认链接悬停#ffffff文字启用链接#ffffff配下边框指示器平台切换器靠左对齐的水平标签搜索图标触发的滑出搜索框移动端汉堡菜单配左侧滑出面板。4.5 链接默认#0f62fe蓝 60无下划线悬停#0043ce蓝 70有下划线已访问保持蓝 60无已访问状态变化正文行内链接正文中默认带下划线。4.6 特色组件内容区块英雄区/特色区全宽交替白/灰 10 背景带60px 或 48px 展示型文字靠左对齐标题带箭头图标的蓝色主要按钮作为行动号召图片/插画在移动端靠右对齐或置于下方。磁砖可点按卡片背景#f4f4f4或#ffffff全宽底边框或背景色切换的悬停效果悬停时右下角显示箭头图标无阴影——扁平即身份。标签背景为对应颜色 10% 不透明度如蓝 10、红 10文字用对应 60 级颜色内边距4px 8px圆角 24px胶囊形——0px 规则的例外字体 12px 字重 400。通知横幅全宽条通常为蓝 60 或灰 100 背景白色文字 14px关闭/消除图标靠右对齐。5. 布局原则5.1 间距系统基础单位8pxCarbon 2x 网格组件间距比例2px、4px、8px、12px、16px、24px、32px、40px、48px版面间距比例16px、24px、32px、48px、64px、80px、96px、160px最小单位8px最小可用间距组件内边距通常为 16px卡片/磁砖之间1px发丝线或 16px标准。仓库中以--space-14px至--space-1248px九档 Token 落地tokens.css并额外声明--section-y-desktop: 96px; --section-y-tablet: 72px; --section-y-phone: 48px;三个区块纵向节奏变量供响应式布局直接切换。5.2 网格与容器16 栏网格Carbon 的 2x 网格系统最大内容宽度1584px最大断点栏间距32px移动端 16px边距16px移动端、32px平板及以上内容通常跨越 8–12 栏以保持可读行长全出血区域与受限内容交替出现。仓库实际容器实现为--container-max: 1312px配--container-gutter-desktop: 32px / --container-gutter-tablet: 24px / --container-gutter-phone: 16pxtokens.css由 components.html 的.container类消费——这是文档中「最大 1584px」断点理论在包内夹具上的收敛实现两者可并行参考。5.3 留白哲学功能性密度Carbon 偏向生产型密度而非宽松留白区块排列紧凑反映企业基因背景色区域划分通过交替背景色白 → 灰 10 → 白而非大量内边距分隔区块以最小垂直空间实现视觉分离一致的 48px 节律主要区块过渡使用 48px 垂直间距英雄区可能使用 80px–96px。5.4 圆角规模0px主要按钮、输入框、磁砖、卡片——主导性处理Carbon 从根本上就是矩形的2px偶尔用于小型互动元素标签24px标签胶囊形——唯一的圆角例外50%头像圆形、图标容器。仓库以--radius-sm/md/lg: 0px--radius-pill: 9999px四档 Token 表达这一「非 0 即胶囊」的极端二分tokens.css。6. 深度与层次层级处理方式用途平面0 级无阴影#ffffff背景默认页面表面图层 01无阴影#f4f4f4背景卡片、磁砖、交替区块图层 02无阴影#e0e0e0背景图层 01 内的提升面板悬浮0 2px 6px rgba(0,0,0,0.3)下拉菜单、工具提示、溢出菜单覆盖层0 2px 6px rgba(0,0,0,0.3) 深色遮罩模态对话框、侧面板焦点2px solid #0f62fe内嵌 1px solid #ffffff键盘焦点环底边框底边2px solid #161616启用输入框、启用标签指示器阴影哲学Carbon 刻意回避阴影。IBM 主要靠背景色分层实现深度——将颜色值逐渐加深的表面叠加而非添加投影从而形成扁平的、受印刷启发的美学。阴影只留给真正悬浮在内容之上的元素下拉菜单、工具提示、模态框。这种克制赋予少数阴影有意义的分量——在 Carbon 中当某物悬浮时它才是真正有意义的。仓库用--elev-flat: none、--elev-ring: 0 0 0 1px var(--border)、--elev-raised: 0 2px 6px rgba(0,0,0,0.12)三档层级 Tokentokens.css把这一哲学显式化并在 components.manifest.json 的cards组件组中由.panel、.tile消费--elev-raised。7. 应做与避免应做展示尺寸42px 以上使用 IBM Plex Sans 细体300——轻盈是刻意为之14px 正文应用 0.16px 字间距12px 说明文字应用 0.32px按钮、输入框、卡片和磁砖使用 0px 圆角——矩形才是系统的语言实现时引用--cds-*Token 名如--cds-button-primary、--cds-text-primary用背景色分层白 → 灰 10 → 灰 20实现深度而非阴影输入框字段指示器用下边框非盒状保持 48px 默认按钮高度及为图标适配的不对称内边距蓝 60#0f62fe是唯一强调色——一蓝统天下。避免不要给按钮圆角——0px 圆角是 Carbon 的标志不要在卡片或磁砖上使用阴影——扁平才是重点不要引入额外强调色——IBM 系统是单色 蓝色不要使用 700 字重——规范到 600半粗体为止不要在展示尺寸文字上添加字间距——字距追踪仅用于 14px 及以下不要用完整边框框住输入框——Carbon 输入框仅使用下边框不要使用渐变背景——IBM 表面为扁平实色不要偏离 8px 间距网格——每个值应能被 8 整除2px 与 4px 仅用于微调。USAGE.md 在此基础上补充了包层面的「Do / Avoid」保留 schema Token 名以保证跨品牌切换可靠优先复用 components.manifest.json 中的组件组而非发明新控件避免在复制的:rootToken 块之外散落原始十六进制值避免独立于 tokens.css 重新定义 Tailwind 或 design-token 值。8. 响应式行为8.1 断点名称宽度关键变化Small (sm)320px单栏、汉堡导航、16px 边距Medium (md)672px开始两栏网格、展开内容Large (lg)1056px全导航可见、3–4 栏网格X-Large (xlg)1312px最大内容密度、宽版面Max1584px最大内容宽度、居中带边距8.2 触控目标按钮高度48px 默认最小 40px紧凑导航链接48px 行高适合触控输入框高度40px 默认、48px 大型图标按钮48px 正方形触控目标移动端菜单项全宽 48px 行。8.3 折叠策略英雄区60px 展示 → 42px → 32px 标题随视口缩小导航全水平顶栏 → 汉堡菜单配滑出面板网格4 栏 → 2 栏 → 单栏磁砖/卡片水平网格 → 垂直堆叠图片保持宽高比max-width: 100%页脚多栏链接组 → 堆叠单栏区块内边距48px → 32px → 16px。8.4 图片行为响应式图片max-width: 100%产品插画按比例缩放英雄区图片可能从并排变为下方堆叠数据可视化在移动端保持宽高比、水平滚动。9. Agent 提示指南在 Open Design 中复现 IBM 风格这是本设计系统包对设计 Agent 最直接的赋能部分——它把上述全部规范压缩成可复制、可粘贴的提示词配方配合tokens.css的:root块即可产出高保真 IBM 风格页面。9.1 快速颜色参考用途颜色主要行动号召IBM 蓝 60#0f62fe背景白色#ffffff标题文字灰 100#161616正文文字灰 100#161616次要文字灰 70#525252表面/卡片灰 10#f4f4f4边框灰 30#c6c6c6链接蓝 60#0f62fe链接悬停蓝 70#0043ce焦点环蓝 60#0f62fe错误红 60#da1e28成功绿 50#24a1489.2 示例组件提示词英雄区「在白色背景上建立英雄区。标题 60px IBM Plex Sans 细体 300行高 1.17颜色#161616。副标题 16px 字重 400行高 1.50颜色#525252最大宽度 640px。蓝色行动号召按钮#0f62fe背景、#ffffff文字、0px 圆角、48px 高度、14px 63px 14px 15px内边距。」卡片磁砖「设计卡片磁砖#f4f4f4背景0px 圆角16px 内边距。标题 20px IBM Plex Sans 字重 600行高 1.40颜色#161616。正文 14px 字重 400字间距 0.16px行高 1.29颜色#525252。悬停背景切换至#e8e8e8。」表单字段「构建表单字段#f4f4f4背景0px 圆角40px 高度16px 水平内边距。上方标签 12px 字重 400字间距 0.32px颜色#525252。底边框默认2px solid transparent焦点时2px solid #0f62fe。占位文字#6f6f6f。」深色导航栏「建立深色导航栏#161616背景48px 高度。IBM 标志白色靠左对齐。链接 14px IBM Plex Sans 字重 400颜色#c6c6c6。悬停#ffffff文字。启用#ffffff配 2px 底边框。」标签组件「构建标签组件蓝 10#edf5ff背景蓝 60#0f62fe文字4px 8px内边距24px 圆角12px IBM Plex Sans 字重 400。」9.3 迭代指南自检清单按钮、输入框和卡片始终使用 0px 圆角——这在 Carbon 中不可商量字间距仅用于小尺寸14px 时 0.16px、12px 时 0.32px——展示文字绝不添加三种字重300展示、400正文、600强调——无粗体蓝 60 是唯一强调色——不引入次要强调色深度来自背景色分层白 →#f4f4f4→#e0e0e0而非阴影输入框仅有下边框绝不全框使用--cds-前缀命名 Token保持 Carbon 兼容性48px 是通用互动元素高度。10. 包内实战路径从文档到可运行资产若要在 Open Design 中实际使用该 IBM 包可按照 USAGE.md 的推荐顺序操作先读 USAGE.md 理解包契约再读 DESIGN.md或本指南掌握视觉意图、约束与反模式将 tokens.css 整体粘贴进第一个产物的style块再编写组件 CSS——保证所有语义 Token 先于组件代码就位用 components.manifest.json 获取紧凑的组件清单需要精确选择器或状态时打开 components.html需要视觉抽查时打开preview/下的 colors.html、typography.html、spacing.html 三个预览页。值得注意的工程约束以tokens.css为唯一事实来源design-tokens.json与tailwind-v4.css是派生产物应按 source/evidence.md 的说明从source/token-contract.report.json与 Token 样式表重新生成而非手工编辑Token 契约可审计source/token-contract.report.json把每个 TOKEN_SCHEMA 绑定映射回 tokens.css 的声明行design-tokens.json汇总 56 个 Token其中 A1-identity 8 个、A1-structure 18 个、A2 26 个、B-slot 4 个评分 100 分、等级 excellentTailwind v4 集成tailwind-v4.css 通过theme把--color-*、--text-*、--spacing-*、--radius-*、--shadow-*等全部映射为 Tailwind 工具类实现「一份 Token、双框架可用」组件契约可验证components.manifest.json 记录了 48 个选择器、26 个类、9 个组件组buttons、inputs、cards、badges、links、typography、layout 等每个组件组都标注了实际消费的 Token 列表可用于检查产物是否符合「Token 驱动、零硬编码」的规范来源边界诚实该包基于 Open Design 整理的 bundled fixture 派生并未声称对上游品牌仓库进行全新抓取见 source/evidence.md使用时不应宣称其包含原始上游源码证据。11. 总结一蓝统天下的工程化克制IBM Carbon 设计系统给 Open Design 生态带来的方法论启示可以浓缩为一句话用最少的颜色、最硬的几何、最系统的 Token表达最重的企业权威。白色画布、灰阶分层、单一蓝 60、0px 圆角、8px 网格、IBM Plex 三字体家族——每一个决策都是可量化的约束而 Open Design 包进一步把约束编码为tokens.css中 56 个可审计的语义 Token 与 components.html 中的 9 个组件组。无论你是让 Agent 直接消费 DESIGN-zh-tw.md 的提示词配方还是将 tailwind-v4.css 接入自己的前端工程这套「文档规范 Token 实现 组件夹具 审计报告」的四层结构都是可复制、可验证、可主题切换的企业级设计系统范式。赞分享AI 应用人工智能AI 技能设计系统媒体生成【免费下载链接】open-design Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. ️ Local-first desktop app. ️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images video — real files, HTML/PDF/PPTX/MP4 export. Claude Code / Codex / Cursor / DeepSeek Harness / OpenCode 20 CLIs via BYOK.项目地址https://gitcode.com/gh_mirrors/opend/open-design点击查看免费下载相关推荐OpenDesign 中的 IBM Carbon 设计系统从 --cds-* 令牌到 Agent 可执行的视觉规范实战指南OpenDesign 中的 IBM Carbon 设计系统从 cds 令牌到 Agent 可执行的视觉规范实战指南 导读 本文以 OpenDesign 仓库内AI 应用人工智能AI 技能设计系统媒体生成React Native 多平台适配终极指南react-native-orientation-locker 在 iOS、Android、Windows 的完整配置教程 React Native 多平台适配终极指南react native orientation locker 在 iOS、Android、Windows 的完整AI 应用人工智能AI 技能设计系统媒体生成在 OpenDesign 中落地 Apple 风格设计系统DESIGN-ja 视觉规范、语义 Token 与 Agent 提示工程实战在 OpenDesign 中落地 Apple 风格设计系统DESIGN ja 视觉规范、语义 Token 与 Agent 提示工程实战 导读 本文基于 OpeAI 应用人工智能AI 技能设计系统媒体生成上一篇从SVG到Canvas神经网络可视化渲染技术实战指南下一篇llmfit 如何启用 NATS 事件发布并订阅 llmfit.* 主题接收节点硬件事件创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考