搜索「Graphic Design」的结果

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 优化。

io.github.alirezarezvani/claude-skills/helm-chart-builder

面向 Claude Code、Codex、Gemini CLI、Cursor、OpenClaw 的 Helm chart 开发 agent 技能与插件——chart 脚手架、values 设计、模板模式、依赖管理、安全加固与 chart 测试。适用于用户要创建或改进 Helm chart、设计 values.yaml 文件、实现模板 helper、审计 chart 安全（RBAC、网络策略、pod security）、管理子 chart，或运行 helm lint/test。

io.github.Jeffallan/claude-skills/sql-pro

优化 SQL 查询、设计数据库 schema 并排查性能问题。当用户询问查询为何变慢、需要帮助编写复杂 join 或聚合、提到数据库性能问题，或想设计/迁移 schema 时使用。用于复杂查询、窗口函数、CTE、索引策略、执行计划分析、覆盖索引创建、递归查询、解读 EXPLAIN/ANALYZE、前后基准对比，或在数据库方言（PostgreSQL、MySQL、SQL Server、Oracle）之间迁移查询。

io.github.Jeffallan/claude-skills/database-optimizer

优化数据库查询并提升 PostgreSQL 与 MySQL 系统的性能。在排查慢查询、分析执行计划或优化数据库性能时使用。用于索引设计、查询重写、配置调优、分区策略与锁争用解决。

io.github.JetBrains/skills/kotlin-idiomatic-refactorer-spring-aware

将 Kotlin 代码重构得更清晰、更符合惯用法，且不破坏 Spring 行为、序列化、持久化或公共契约。适用于 Java 风格的 Kotlin 需要清理、领域建模需要更具表现力或需要减少样板代码的场景，但重构必须对代理、Jackson、JPA、配置绑定及现有测试保持安全。

io.github.mono/SkiaSharp/api-add-review

通过包装 Skia C++ 功能为 SkiaSharp 新增 C# API，或评审现有 API PR 的正确性与风格。两套工作流：(1) 新增：C++ 分析 → C API → 绑定 → C# 包装 → 测试 → 评审；(2) 评审：检查命名、Span 重载、属性、测试与互操作安全。触发语：“add DrawFoo method”“expose SkSurface::draw”“wrap sk_foo_bar”“add API”“expose function”“wrap method”“create binding for”“review this API”“check the API surface”“review PR #NNN for API design”，以及被归类为“New API”的 Issue（获取并分类后）。

io.github.javimosch/supercli/quickstart

当用户希望用 css generator 基于设计令牌转换界面样式时使用本技能。

io.github.gnurio/refactoring-ui-plugin/meta-refactor-ui

对照全部 10 项 Refactoring UI 技能分析设计稿，生成带具体修复建议的全面评估。

io.github.midudev/autoskills/refactor-module

遵循 HashiCorp 模块设计原则与社区最佳实践，将单体 Terraform 配置重构为可复用、易维护的模块。

io.github.majiayu000/claude-skill-registry-data/css-tokens

提供基础 CSS 设计令牌（自定义属性）：排版、间距、颜色、边框、z-index 与过渡。在为 Web 项目搭建基础令牌体系时使用。

io.github.majiayu000/claude-skill-registry-data/css-styling

运用布局、响应式设计、动画与 CSS 架构的最佳实践，编写现代、可维护的 CSS。在为网站写样式、修复 CSS 问题或实现设计稿时使用。

io.github.majiayu000/claude-skill-registry-data/css

专家级 CSS 开发与最佳实践。在以下情况使用：(1) 编写或调试 CSS；(2) 用 flexbox、grid 或容器查询实现布局；(3) 创建动画与过渡；(4) 优化 CSS 性能；(5) 使用 CSS 预处理器或 CSS-in-JS；(6) 实现响应式设计；或当出现“样式”“CSS”“样式表”“设计”“布局”“动画”等词时。