前端设计
SkillGitHub
io.github.anthropics/skills/frontend-design
在为全新 UI 或改造现有 UI 提供有辨识度、有意图的视觉设计指导。帮助把握美学方向、字体排印，避免设计看起来像模板化的默认样式。
sourceregistry 收录
“Graphic Design” 共 893 个结果
io.github.anthropics/skills/frontend-design
在为全新 UI 或改造现有 UI 提供有辨识度、有意图的视觉设计指导。帮助把握美学方向、字体排印，避免设计看起来像模板化的默认样式。
io.github.anthropics/skills/canvas-design
基于设计理念创作 .png 和 .pdf 格式的精美视觉作品。当用户要求制作海报、艺术作品、设计稿或其他静态作品时使用。只创作原创视觉设计，绝不抄袭现有艺术家作品以避免版权风险。
io.github.garrytan/gstack/design-shotgun
设计散弹：批量生成多个 AI 设计变体，打开对比看板，收集结构化反馈并迭代。（gstack）
io.github.garrytan/gstack/design-html
设计收尾：生成贴近生产质量、原生支持 Pretext 的 HTML/CSS。（gstack）
io.github.garrytan/gstack/design-review
以设计师视角做 QA：发现视觉不一致、间距问题、层次问题、AI 味十足的低质样式和迟缓交互——然后修掉它们。（gstack）
io.github.garrytan/gstack/design-consultation
设计咨询：理解你的产品、调研同类竞品，提出完整设计体系（美学、字体排印、色彩、布局、间距、动效），并生成字体与配色预览。（gstack）
io.github.wshobson/agents/tailwind-design-system
使用 Tailwind CSS v4、设计令牌、组件库与响应式模式构建可扩展的设计系统。在创建组件库、实现设计系统或标准化 UI 模式时使用。
io.github.n8n-io/n8n/ui-design
Guidelines on designing and building UI. Use when working in editor-ui or design-system packages. Triggers for tasks that include refactoring components, styling changes, or feature work.
io.github.n8n-io/n8n/agent-design-language
Design or review Agent Builder interfaces. Use for Agent configuration patterns, modal flows, responsive behavior, status treatments, and other Agent-only UI work.
io.github.heygen-com/hyperframes/motion-graphics
以运动本身传递信息的短设计型 motion graphic——动态字体、数字滚动、图表/数据可视化呈现、logo 片头/品牌定格、下三分之一字幕条/浮层/社媒 overlay、动画地图（区域高亮、地点连线、缩放到某地）、推文/新闻文章/标题动画、网页/UI 动画（滚动、光标、callout），或将真实图片的几何结构融入图表。通常 10 秒以内（最长约 30 秒），无旁白与真人实拍；渲染为 MP4 或透明 overlay。更长的/有旁白的/多场景的用 /general-video；不明确的用 /hyperframes。
io.github.affaan-m/ECC/loop-design-check
设计以目标为导向的 Agent 循环，并排查循环常见的出错方式——原地打转烧 token、钻验证器的空子（Goodhart 效应）、把错误答案一路跑到底。包含两个动作：(1) 编写循环——先判断是否值得构建、定义机器可判定的目标、选定循环类型与脚手架；(2) 审查循环——按五种失败模式，加上可判定性、边界、兜底方案、评判者独立性，以及把判断权留在人手中这条红线逐项检查。当设计自主 Agent 循环，或已有循环但担心它跑飞、作弊或把错误答案执行到底时使用。它在机制层循环技能（autonomous-loops、continuous-agent-loop）之外补足其未覆盖的判断层。中文触发：写 loop、设计 loop、做一个 loop、检查 loop 对不对、loop 体检、loop 会不会跑飞、可判定目标、五个崩法、plan build judge。English triggers: design an agent loop, write a loop, check a loop, loop review, prevent a runaway loop, goal-oriented loop, decidable goal, plan/build/judge.
io.github.affaan-m/ECC/design-system
用于生成或审计设计系统、检查视觉一致性，并审查涉及样式的 PR。在生成或审计设计系统、检查视觉一致性，或审查样式相关 PR 时使用。
io.github.cathrynlavery/diagram-design/diagram-design
Create branded architecture, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, polar chart (polar/radial lollipop), loop/flywheel, nested, tree, org chart, layer stack, Venn, pyramid/funnel, treemap, heatmap, bar, waterfall, line, Gantt and scatter charts, high-level, process, medallion, data flow, DP integration, DP security matrix, Sankey, fishbone, Wardley map, kanban, user journey, deployment, dependency graph, UML class, story map, or database schema diagrams as HTML/SVG/PNG, with .drawio and .excalidraw import support, plus lifecycle phase maps and onboarding guidance.
io.github.github/awesome-copilot/macos-golden-gate-design
Design, implement, review, or refactor native macOS 27 Golden Gate interfaces in SwiftUI or AppKit. Use when a Mac app must match Apple's current macOS 27 UI kit and restrained Liquid Glass language: integrated windows, full-height sidebars, native toolbars, flat lists, tables, and forms, clear pane boundaries, accessible materials, and removal of unnecessary nested cards, framed panels, or glassmorphism. Also use for Figma macOS 27 design-to-code work and audits of interfaces that feel too boxed.
io.github.affaan-m/ECC/api-design
REST API 设计模式：资源命名、状态码、分页、过滤、错误响应、版本管理，以及生产 API 的限流。在设计或审查 REST 端点、资源命名、状态码、分页或版本管理时使用。
io.github.garrytan/gstack/plan-design-review
以设计师视角评审方案规划——交互式进行，类似 CEO 评审与工程评审。（gstack）
io.github.garrytan/gstack/ios-design-review
在真机上对 iOS 应用做视觉设计审计。（gstack）
io.github.microsoft/vscode/design-philosophy
VS Code 的设计理念——一套用于以设计语言而非原始像素来思考 UI 的共享价值观→原则→手法词汇。在设计、构建、评审任何可视化界或给出反馈，决定圆角、间距、字级角色、图标尺寸、边框、颜色或动效，或把感觉不对的观察转化为具体、有原则的修改时使用。
io.github.anthropics/skills/frontend-design
在为全新 UI 或改造现有 UI 提供有辨识度、有意图的视觉设计指导。帮助把握美学方向、字体排印，避免设计看起来像模板化的默认样式。
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，或在投入实现前探索重设计时使用。