设计体系
io.github.nextlevelbuilder/ui-ux-pro-max-skill/design-system
Token 架构、组件规格说明与 slides 生成。三层 token(primitive→semantic→component)、CSS 变量、间距与字体排印尺度、组件规格、策略性 slide 产出。适用于设计 token、体系化设计与符合品牌规范的演示文稿。
“Graphic Design” 共 741 个结果
io.github.nextlevelbuilder/ui-ux-pro-max-skill/design-system
Token 架构、组件规格说明与 slides 生成。三层 token(primitive→semantic→component)、CSS 变量、间距与字体排印尺度、组件规格、策略性 slide 产出。适用于设计 token、体系化设计与符合品牌规范的演示文稿。
io.github.nexu-io/open-design/open-design-landing
以 Atelier Zero 视觉语言(Monocle / Apartamento / Études 编辑式拼贴)产出世界级的单页编辑型落地站——即 OpenDesign 自家营销页面所用的同一美学。代理从品牌简报填充类型化 `inputs.json`,可选经 gpt-image-2 生成 16 张拼贴素材,再由纯函数 compose 器输出自包含 HTML 文件。滚动显影动效与 Headroom 式吸顶导航自动装配。
io.github.n8n-io/n8n/design-system
关于如何使用 Design System 的样式与组件的规范。在 packages/frontend 中处理 .vue 文件时使用。涉及组件架构、样式、UI 改动或功能开发的场景都会触发。
io.github.nextlevelbuilder/ui-ux-pro-max-skill/banner-design
为社交媒体、广告、网站 hero 区、创意素材与印刷设计 banner。提供多套美术方向与可选的生成图或用户素材。动作:设计、创建、生成 banner。平台:Facebook、Twitter/X、LinkedIn、YouTube、Instagram、Google Display、网站 hero、印刷。风格:极简、渐变、粗字排印、摄影、插画、几何、复古、玻璃拟态、3D、霓虹、双色调、编辑风、拼贴。
vcanary
io.github.lobehub/lobehub/design-prototype
用 LobeHub 真实设计系统(@lobehub/ui + antd + antd-style token)与生产风格 React 产出可交互的单文件 HTML 设计原型,无需构建步骤,浏览器直接打开。当被要求为某个页面或流程出设计原型/可交互 mockup/交互原型/设计稿 HTML,或在投入实现前探索重设计时使用。
io.github.NousResearch/hermes-agent/touchdesigner-mcp
通过 twozero MCP 控制 TouchDesigner。
io.github.asgeirtj/system_prompts_leaks/frontend-design
面向已有品牌体系之外作品的美术方向指导。
io.github.mattpocock/skills/codebase-design
设计深模块的共同术语。当用户想设计或改进模块接口、寻找加深机会、决定接缝位置、让代码更可测试或更利于 AI 导航,或其他技能需要深模块词汇表时使用。
io.github.nexu-io/open-design/figma-implement-design
将 Figma 设计翻译为可投产代码,实现 1:1 视觉还原。适合把 Figma 画板直接交付给前端代理。
io.github.nexu-io/open-design/swiftui-design
SwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and OpenCode.
io.github.nexu-io/open-design/webgl-holographic-foil
自包含的 WebGL2 hero:压皱箔面上的薄膜干涉效果,配色随视角变化;移动光标可倾斜薄膜。
io.github.nexu-io/open-design/open-design-homepage
对线上 open-design.ai 主页的像素级忠实、自包含镜像——交互式 React Three Fiber / Next.js hero,含实时 3D 字标、贴纸拼贴、可变字体与滚动驱动动效。展示交互式网页营销页面视觉上限的第一方范例。
io.github.nexu-io/open-design/frontend-design
创建具有独特风格、生产级质量的前端界面:强视觉主张、精致排版、考究布局,并交付可运行的 HTML/CSS/JS 或框架代码。适用于网站、落地页、仪表盘、React 组件、应用界面与 UI 美化。
io.github.wshobson/agents/python-design-patterns
Python 设计模式,包括 KISS、关注点分离、单一职责与组合优于继承。当从零设计新服务或组件、抉择职责分层,重构已过度膨胀的上帝类或巨型函数,决定是引入新抽象还是接受重复,评审 PR 中紧耦合或泄漏内部类型等结构问题,为新类层次在继承与组合间抉择,或代码库因 I/O 与业务逻辑纠缠而难以测试时使用本技能。
io.github.n8n-io/n8n/content-design
面向 UI 文案的产品内容设计师。在编写、评审或校对用户可见文本时使用:按钮标签、错误提示、tooltip、空状态、弹窗文案、占位文本、确认对话框、新手引导流程及 i18n 文案。用户输入 /copy、/content 或 /ux-copy 时也适用。
io.github.addyosmani/agent-skills/api-and-interface-design
指导稳定的 API 与接口设计。在设计 API、模块边界或任何公共接口时使用;在创建 REST 或 GraphQL 端点、定义模块间类型契约、确立前后端边界时使用。
io.github.affaan-m/ECC/liquid-glass-design
iOS 26 液态玻璃(Liquid Glass)设计系统——为 SwiftUI、UIKit 和 WidgetKit 提供带模糊、反射与交互变形效果的动态玻璃材质。适用于使用 SwiftUI、UIKit 或 WidgetKit 构建 iOS 26 液态玻璃 UI。
io.github.affaan-m/ECC/api-design
REST API 设计模式:资源命名、状态码、分页、过滤、错误响应、版本管理,以及生产 API 的限流。在设计或审查 REST 端点、资源命名、状态码、分页或版本管理时使用。
io.github.paperclipai/paperclip/design-guide
Paperclip UI 设计系统指南,用于构建一致、可复用的前端组件。在创建新 UI 组件、修改现有组件、为前端添加页面或功能、为 UI 元素写样式,或需要了解设计语言与约定时使用。涵盖:组件创建、设计 token、排版、状态/优先级体系、组合模式与 /design-guide 展示页。须与 frontend-design 技能(视觉品质)和 web-design-guidelines 技能(Web 最佳实践)搭配使用。
io.github.NousResearch/hermes-agent/design-md
编写、校验并导出 Google 的 DESIGN.md 设计令牌规范文件。
io.github.BuilderIO/agent-native/design-systems
管理并应用 Design 应用的品牌系统。在创建、导入、关联、查看设计系统 token、素材、字体、logo 与自定义指令,或遵循它们时使用。
io.github.BuilderIO/agent-native/design-generation
在 Design 中生成或完善完整的交互式 HTML 原型。用于从提示词或选定设计出发,创建界面、变体、Alpine/Tailwind 原型、微调或视觉打磨。
io.github.Arize-ai/phoenix/phoenix-design
Phoenix 前端的设计系统约定——布局、对话框、错误展示、BEM CSS 类命名与 CSS 设计令牌。在 app/src/ 中构建 UI、命名 CSS 类、创建或使用令牌、处理错误或设计对话框交互时使用。
io.github.ethereum/ethereum-org-website/design-system
在 ethereum.org Next.js 站点构建、重构或为任何 UI 编写样式时使用(`src/components/`、`app/`、`src/styles/`、`public/content/`,或任何影响渲染 UI 的 `.tsx`/`.mdx`/`.css` 改动)。提供规范的组件选型、设计令牌、RTL/i18n 规则、服务端/客户端指引,以及“用变体而非新组件”的模式,适配项目的 Tailwind v4 + Radix + shadcn 风格设计系统。