设计体系
SkillSkillsMP
io.github.nextlevelbuilder/ui-ux-pro-max-skill/design-system
Token 架构、组件规格说明与 slides 生成。三层 token（primitive→semantic→component）、CSS 变量、间距与字体排印尺度、组件规格、策略性 slide 产出。适用于设计 token、体系化设计与符合品牌规范的演示文稿。
source
“figma design image icon” 共 886 个结果
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.openai/codex/imagegen
当任务受益于 AI 生成的位图视觉（照片、插画、纹理、精灵图、样机、透明背景抠图）时生成或编辑位图图像。当 Codex 需要新建图像、变换既有图像或从参考衍生视觉变体，且产物应为位图素材而非仓库内的代码或矢量图时使用。若更适合编辑现有 SVG/矢量/代码原生资产、扩展既有图标或 logo 体系、或直接在 HTML/CSS/canvas 里画视觉，则不要使用。
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.mukul975/Anthropic-Cybersecurity-Skills/implementing-image-provenance-verification-with-cosign
用 Sigstore Cosign 签名与验证容器镜像溯源，涵盖基于密钥与免密钥 OIDC 签名（Fulcio、Rekor 透明日志）、SLSA attestation，以及通过 Kubernetes 准入控制强制执行签名验证。适用于为供应链安全给镜像签名、搭建免密钥 OIDC 签名、附加 attestation，或在准入端执行"仅允许已验证镜像"的策略。关键词：Cosign、Sigstore、Fulcio、Rekor、keyless、attestation、cosign verify、准入策略。不要用于基于 in-toto layout 的流水线 attestation——那用 implementing-supply-chain-security-with-in-toto。
io.github.mukul975/Anthropic-Cybersecurity-Skills/scanning-container-images-with-grype
用 Anchore Grype 扫描容器镜像、文件系统与 SBOM 中的已知 CVE，把 Syft 生成的 SBOM 软件包与 NVD、GitHub Advisories 及各 OS 专属源匹配，支持可配置的严重度阈值与失败门禁。适用于选定 Grype/Syft 工具链、扫描现成 SBOM 而非镜像，或按严重度做构建门禁。关键词：Grype、Syft、SBOM、NVD、GitHub Advisory、--fail-on、严重度阈值。若工具链是 Trivy 则不要使用——改用 scanning-docker-images-with-trivy。
io.github.mukul975/Anthropic-Cybersecurity-Skills/implementing-container-image-minimal-base-with-distroless
用 Google distroless 基础镜像构建应用来缩减容器攻击面——只含应用运行时，无 shell、包管理器与 OS 工具——并采用适配 distroless 的多阶段构建模式及调试、扫描方法。适用于加固容器镜像、削减容器架构的攻击面，或回应关于臃肿基础镜像的评估发现。关键词：distroless、多阶段构建、无 shell、nonroot tag、debug image、scratch、攻击面。不要用于扫描镜像的已知 CVE——那用 scanning-docker-images-with-trivy。
io.github.mukul975/Anthropic-Cybersecurity-Skills/scanning-docker-images-with-trivy
用 Trivy 扫描 Docker 镜像中 OS 包与语言依赖的漏洞、错误配置、暴露的密钥与许可证违规，输出 SARIF、CycloneDX 或 SPDX。适用于扫描或卡点某个具体镜像、把镜像扫描接入 CI/CD，或在事故调查中检查镜像。关键词：Trivy、镜像扫描、--severity、--exit-code、SARIF、ignore 文件、.trivyignore。不要用于集群级扫描或非镜像目标——那用 performing-container-security-scanning-with-trivy；若工具链是 Grype 则用 scanning-container-images-with-grype。
io.github.asgeirtj/system_prompts_leaks/frontend-design
面向已有品牌体系之外作品的美术方向指导。
io.github.mattpocock/skills/codebase-design
设计深模块的共同术语。当用户想设计或改进模块接口、寻找加深机会、决定接缝位置、让代码更可测试或更利于 AI 导航，或其他技能需要深模块词汇表时使用。
io.github.nexu-io/open-design/figma-code-connect-components
使用 Code Connect 将 Figma 设计组件与代码组件连接，让设计系统更新自动流入代码库。
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/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.openinterpreter/openinterpreter/imagegen
当任务需要 AI 生成的位图视觉时，生成或编辑位图图像，如照片、插画、纹理、精灵图、mockup 或透明背景抠图。当 Codex 需要创作全新图像、变换已有图像，或从参考派生视觉变体，且产物应为位图资源而非仓库内的代码或矢量时使用。若任务更适合编辑已有的 SVG/矢量/代码原生资源、扩展既有图标或 logo 体系，或直接用 HTML/CSS/canvas 绘制视觉，则不要使用。