搜索「Graphic Design」的结果

io.github.thedaviddias/Front-End-Checklist/css-at-property

实现动画渐变、涉及自定义属性取值的复杂 CSS transition，或构建类型化设计令牌系统（希望自定义属性误用能直接报错）时使用。

io.github.Opentrons/opentrons/css-modules

Opentrons monorepo 的 CSS Modules 约定、Stylelint 规则、设计令牌（间距、颜色、排版、圆角）与模式。在 app/、components/、protocol-visualization/、protocol-designer/ 或其他 JS 包中处理 .module.css 文件或为 React 组件写样式时使用。

io.github.reggiechan74/JobOps/css-template

管理落地页的 CSS 设计体系模板 —— 查看、分析或创建组件库。

io.github.alirezarezvani/claude-skills/terraform-patterns

面向 Claude Code、Codex、Gemini CLI、Cursor、OpenClaw 的 Terraform 基础设施即代码 agent 技能与插件。涵盖模块设计模式、状态管理策略、provider 配置、安全加固、基于 Sentinel/OPA 的策略即代码，以及 CI/CD 的 plan/apply 工作流。适用于用户要设计 Terraform 模块、管理 state 后端、审查 Terraform 安全、实施多区域部署或遵循 IaC 最佳实践。

io.github.alirezarezvani/claude-skills/kubernetes-operator

用于构建 Kubernetes Operator——协调 CRD 状态的自定义控制器。触发词包括「build an operator」「CRD design」「reconcile loop」「controller-runtime」「kubebuilder」「operator-sdk」「metacontroller」「KOPF」「operator capability levels」「custom resource」。附带 CRD 校验器、reconcile 循环检查器与 OperatorHub 能力审计器（均为 stdlib Python）、4 份关于 operator 模式+CRD 设计+reconcile 模式+工具生态的参考文档，以及 /operator-audit 斜杠命令。不是通用的 k8s 技能——专注 Operator 模式。

io.github.jeremylongshore/claude-code-plugins-plus-skills/api-contract

当用户问到 API contract、api-contract.md、共享接口、TypeScript 接口、请求响应 schema、端点设计，或需要指导如何设计协调后端与前端 agent 的契约时使用。在构建或修改 API 端点时使用。触发语如 “create API”、“design endpoint”、“API scaffold”。

io.github.VKirill/antigravity-for-claude-code/css-architecture-2026

框架出现前的原生 HTML/CSS 架构：ITCSS 风格令牌、BEM、OKLCH、@layer 层叠层级、逻辑属性、容器查询、View Transitions API、dvh/svh、prefers-color-scheme、WCAG 2.2 无障碍。适用场景：原生 HTML+CSS、设计系统、tokens.css、BEM、kitchen-sink、品牌手册、页面切图、设计令牌、暗色模式、仪表盘布局、CRM 后台。不适用：Tailwind（→tailwind）、shadcn（→shadcn）、框架作用域样式（→react/vue/nuxt）、CSS-in-JS、styled-components。

io.github.wshobson/agents/accessibility-compliance

实现符合 WCAG 2.2 的界面，涵盖移动端无障碍、包容性设计模式与辅助技术支持。在审计无障碍性、实现 ARIA 模式、面向屏幕阅读器构建或确保包容性用户体验时使用。

io.github.NeverSight/learn-skills.dev/backend-patterns

面向 Node.js、Express 和 Next.js API 路由的后端架构模式、API 设计、数据库优化与服务端最佳实践。

io.github.videojs/v10/refactor-behavior

以目标优先（purpose-first）的纪律重构既有的 SPF 行为。强制先阐明该行为的目的与业务规则，再分析代码，然后映射到 internal/design/spf/conventions/ 中的成文模式。触发语：refactor behavior、refactor this behavior、clean up behavior、apply conventions to behavior、review behavior for refactor。

io.github.microsoft/FluidFramework/writing-plans

当设计已完成、需要为缺少代码库上下文的工程师编写详细实现任务时使用——假设工程师领域知识有限，产出包含精确文件路径、完整代码示例与验证步骤的全面实现计划。

io.github.xobotyi/cc-foundry/css

CSS 约定、布局系统与现代模式：以低特异性和显式层叠控制实现可预测的样式。只要任务涉及与 CSS 代码的任何交互——编写、审查、重构、调试或理解样式表、SCSS、布局或响应式设计——即调用本技能。

io.github.openclaw/openclaw/oracle

通过 Oracle CLI 调用第二模型做审查/调试/重构/设计：支持选定文件、token 用量 Dry-run 检查、API 或浏览器引擎。

io.github.EliasOulkadi/shokunin/kubernetes

在生产环境部署、管理与调试 Kubernetes —— Deployment、Service、Gateway API、服务网格（Istio/Linkerd/Cilium）、eBPF 可观测性（Cilium Hubble）、安全加固（Pod Security Standards、OPA/Kyverno、seccomp、Falco/Tetragon 运行时安全）、Helm、HPA、PDB、拓扑分布以及问题排查。当用户要求编写 K8s 清单、部署到集群、调试 Pod、搭建 Gateway API、配置弹性伸缩或加固集群安全时使用。不用于编写 Dockerfile（请用 docker）、CI/CD 流水线设计（请用 ci-cd）或 Terraform 基础设施（请用 terraform）。

io.github.Donchitos/Claude-Code-Game-Studios/review-all-gdds

跨 GDD 的整体一致性与游戏设计审阅。同时读取所有系统 GDD，检查它们之间的矛盾、过时引用、所有权冲突、公式不兼容，以及游戏设计理论违规（主导策略、经济失衡、认知过载、支柱漂移）。在所有 MVP GDD 撰写完成、架构开始之前运行。

io.github.vudovn/ag-kit/mcp-builder

MCP（Model Context Protocol）服务器构建原则。工具设计、资源模式、最佳实践。

io.github.vudovn/ag-kit/api-patterns

API 设计原则与决策。REST vs GraphQL vs tRPC 选型、响应格式、版本管理、分页。

io.github.Yeachan-Heo/oh-my-codex/frontend-ui-ux

前端 UI/UX 工作的已废弃兼容壳；请改用 $design 或 $visual-ralph。

io.github.LeoYeAI/openclaw-master-skills/frontend-ui-system

以 v0.dev 式理念为应用、网站和仪表盘设计并实现高质量界面：明确的视觉方向、设计系统、强视觉层次、可复用组件、移动优先、UI 一致性与迭代评审

io.github.modu-ai/moai-adk/moai-domain-backend

后端开发专家，覆盖 API 设计、数据库集成、微服务架构和现代后端模式。在设计 API、实现服务端逻辑、认证或授权时使用。

io.github.modu-ai/moai-adk/moai-domain-database

数据库专家，覆盖 PostgreSQL、MongoDB、Redis、Oracle 和云数据库平台（Neon、Supabase、Firestore）。用于 schema 设计、查询优化、索引策略、数据建模或云数据库选型。已并入来自 moai-platform-database-cloud 的云厂商指南。

io.github.openai/plugins/frontend-app-builder

用于从零构建新的前端应用、仪表盘、游戏、创意网站、hero 区与视觉驱动型 UI，或当用户明确要求重设计/换风格/现代化时使用。构建方式：以干净、透气、高品位、易读的图像生成概念设计为起点，配合分节参考、忠实实现与浏览器测试。

io.github.first-fluke/oh-my-agent/oma-frontend

前端专家，负责 React、Next.js、TypeScript，采用 FSD-lite 架构、shadcn/ui 并与设计系统对齐。用于 UI、组件、页面、布局、CSS、Tailwind 和 shadcn 相关工作。

io.github.Leonxlnx/taste-skill/imagegen-frontend-web

精英级前端图像指导技能，用于生成高端、注重转化的网站设计参考。关键输出规则——每个区块单独生成一张横版图像。8 个区块的落地页产出 8 张图。绝不将多个区块压缩进一张图。强制构图多样性（不总是左文右图）、背景图像自由、多样 CTA、多样 hero 尺度（巨型/中等/迷你极简）、叙事概念主线、二刷亮点，以及所有图像统一的一套色板。为落地页、营销站与可供开发者或编码模型精确复刻的产品 comps 优化。