“figma design image icon” 共 891 个结果
io.github.wondelai/skills/refactoring-ui
审计并修复 Web UI 中的视觉层次、间距、配色与层次感。当用户提到“我的 UI 看起来不对劲”（或业余/不专业）、“修复设计”、“Tailwind 样式”、“色板”、“视觉层次”、“设计系统”、“间距标度”或“组件样式”时使用。也在构建一致的设计令牌、创建深色主题、提升数据可视化清晰度或上线前打磨 UI 细节时触发。覆盖灰度优先工作流、受约束的设计标度、阴影与组件样式。字体选择参见 web-typography；可用性审计参见 ux-heuristics
io.github.AI-Shell-Team/aish/devops-docker-patterns
Docker 容器化专家，精通多阶段构建、镜像优化、Docker Compose 模式与生产容器安全。适用于 Dockerfile 优化、compose 配置与容器最佳实践。
io.github.github/awesome-copilot/create-implementation-plan
为新功能、既有代码重构，或包、设计、架构、基础设施升级创建新的实施计划文件。
io.github.vudovn/ag-kit/frontend-architecture
如何组织前端代码——关注点分离（UI / 逻辑 / 数据 / 类型）、文件职责、状态分层、API 服务、Schema 验证，以及 React/Next 和 Vue 的框架规范。提供结构规则，非视觉设计。
io.github.mui/material-ui/material-ui-theming
指导 Material UI 主题化与设计 token（createTheme、ThemeProvider、palette、colorSchemes、cssVariables、theme.vars、暗色模式、TypeScript 类型增强）。在构建或扩展主题、切换浅色/暗色模式，或统一应用内 token 时使用。
io.github.JMBeresford/retrom/docker-development
处理任何 Docker 任务时使用：编写 Dockerfile、配置 docker-compose/compose.yml、多阶段构建、docker-bake.hcl、容器安全审计、.dockerignore 优化或 CI/CD 容器测试。触发词：Dockerfile、docker-compose、container、image build、multi-stage、docker bake、compose
io.github.calesthio/OpenMontage/hyperframes-animation
HyperFrames 的全部动画知识——原子运动规则、多阶段场景蓝图、场景转场、更广泛的运动设计技巧,以及七种运行时适配器(GSAP 默认,另有 Lottie、Three.js、Anime.js、CSS keyframes、Web Animations API、TypeGPU)。用于任何运动或动画任务:挑选 2-4 条规则组合,或加载场景蓝图,或查阅特定运行时 API(如 GSAP 缓动 / Lottie 播放器 / Three.js mixer)。HyperFrames 原生:单一暂停时间轴、可安全 seek、确定性输出。
io.github.google-labs-code/stitch-skills/react-vite-dashboard
将 Stitch 设计稿转化为生产级 React + Vite 仪表盘，集成 TanStack Query、来自 DESIGN.md 的无障碍令牌，以及支持 Web3 的模式（ethers/viem）。
io.github.TheDecipherist/claude-code-mastery-project-starter-kit/docker-swarm
生产级 Docker Swarm 部署规则：compose 文件从单节点扩展到多节点 Swarm 时会发生什么。在编写或审查 stack 文件、deploy 块、overlay 网络或用 docker stack deploy 部署的任何内容时使用。涵盖 Swarm 会静默忽略的指令、固定 IP 与 bind mount 为何失效、deploy 编排块，以及 Swarm 自愈所依赖的退出码与健康检查纪律。与覆盖镜像和 compose 文件本身编写的 docker 技能互补。
io.github.TheDecipherist/claude-code-mastery-project-starter-kit/docker
编写 Dockerfile、Compose 文件与 Swarm stack 的生产级 Docker 最佳实践。在创建或编辑 Dockerfile、docker-compose / compose.yaml 或 stack 文件，或构建与优化镜像时使用。修正 Claude 常犯的几个问题：多阶段构建、层缓存顺序、exec 形式 ENTRYPOINT 以保证正确的信号与退出码、init:true、将密钥与环境变量排除在镜像外、非 root 用户与健康检查。立足生产而非默认值。
io.github.netdata/netdata/project-build-static-binary
从当前检出为 x86_64、aarch64、armv6l 或 armv7l 构建静态自解压 Netdata 安装器（`netdata-<arch>-latest.gz.run`）。当用户要求构建/产出/打包/测试静态二进制、makeself 安装器、`.gz.run` 制品或 Netdata「静态安装」；在 Linux 机器上无本地构建工具链验证 PR；或在本地复现 CI static-builder 问题时使用。涵盖 `packaging/makeself/` 下基于 Docker 的构建流程、强制前置检查（子模块初始化、全新 `netdata/static-builder:v1` 镜像）、构建按序执行的 18 个 job、制品输出布局、`artifacts/cache/` 复用模型、跨架构 QEMU 注意事项、调试构建、常见故障及其修复，以及如何在目标主机上复制/校验制品。
io.github.netdata/netdata/codacy-audit
本仓库的 Codacy Cloud 工作流——在 `git push` 前本地运行 Codacy 分析器（对齐 Codacy CI 行为），并经 v3 API 拉取/聚类任意 PR 的 Codacy 问题。当用户提到 Codacy、「codacy analysis」、`codacy-analysis-cli`、「codacy issues on PR」「fix codacy CI」「codacy markdownlint findings」，或 netdata-org PR 上任何 Codacy 门禁失败时使用。附带脚本 analyze-local.sh（codacy-analysis-cli 的 docker/二进制运行器）与 pr-issues.sh（分页 v3 问题拉取 + 按工具/模式/严重级/文件分组）。令牌安全——CODACY_TOKEN 绝不进入助手可见的 stdout。按设计只读；写操作（标记误报、标记已修复）需要 GitHub issue 或分支本地 SOW。
io.github.forcedotcom/sf-skills/mobile-apps-create
在 iOS 或 Android 上构建任何 Salesforce 原生移动应用的入口。当用户说“build a Salesforce iOS app”“add Salesforce login to my Android app”“set up Mobile SDK”“add MobileSync / SmartStore offline storage”“embed an Agentforce agent in my mobile app”“add Agentforce chat to iOS/Android”，或要求以 Swift/Kotlin 创建、扩展、集成 Salesforce 移动体验（MSDK、Agentforce SDK 或两者）时触发。当构建非 Salesforce 移动应用、使用不含 Salesforce 集成的 React Native/Flutter/Ionic、咨询通用移动 UI 设计，或从事 Salesforce 周边 Web/桌面工作（LWC、Experience Cloud、仅品牌化的 Mobile Publisher）时不要使用。
io.github.novuhq/novu/inbox-integration
把 Novu 的应用内通知收件箱集成进 Web 应用。支持 React、Next.js 与原生 JavaScript。包括 Inbox 组件（铃铛图标+通知流）、可组合组件（Bell、Notifications、InboxContent、Preferences）、headless hooks、品牌主题、自定义 render props、基于 context 的多租户、标签页、本地化与 HMAC 安全。当需要添加应用内通知中心、铃铛图标、通知流、实时通知更新，或构建个性化且带品牌的通知体验时使用。
io.github.cnoe-io/ai-platform-engineering/docker-compose-first-install
校验并修复 OSS 首装 Docker Compose 路径。在编辑 docker-compose.yaml、docker-compose.dev.yaml、.env.example、release 镜像标签、Compose profiles、Keycloak/OpenFGA/RAG 默认值或本地一体化安装的首次启动 UI 行为时使用。
io.github.rommapp/romm/frontend-v2-theming
RomM v2 前端的主题、设计令牌、色彩与视觉语言。在为 v2 组件写样式、挑选颜色、添加/使用 CSS 变量、处理明暗主题，或想用 hex/rgba 字面量时使用。涵盖令牌流水线（src/v2/tokens/index.ts → build:tokens → tokens.css）、.r-v2 作用域类、零 hex 字面量策略与共享状态语义。对 frontend/src/v2/ 下任何颜色/主题/令牌工作触发。
io.github.TheGoat395/Codex-Skills/css-grid-editorial-systems
为高端网站打造 CSS Grid 编辑风排版布局系统。适用于不对称网格、杂志式版面、作品集索引、案例展示页、图片画廊、主视觉构图、专题叙事、产品证明版式、类瀑布流节奏，以及用更强的层级感取代千篇一律的卡片网格。
io.github.shareAI-lab/Kode-CLI/mcp-builder
构建高质量 MCP（Model Context Protocol）服务器与工具的指南：MCP 是什么、如何面向 agent 易用性设计 tools/resources/prompts，以及用 TypeScript 或 Python 实现服务器。当你需要 MCP 最佳实践、服务器架构模式或分步构建工作流（含语言偏好）时使用。
io.github.shinpr/claude-code-workflows/typescript-rules
React/TypeScript 前端开发规则，涵盖类型安全、组件设计、状态管理与错误处理。在实现 React 组件、TypeScript 代码或前端功能时使用。
io.github.taichuy/1flowbase/backend-development
用于 1flowbase 在 api/ 下的后端实现：构建、修复、重构或评审 Rust/Axum API、路由、服务、仓储、存储适配器、迁移、领域模型、状态流转、写路径、模块边界、权限、HostExtension/RuntimeExtension 边界或核心业务逻辑。在完成 problem-framing 对齐非平凡需求后使用，或当用户明确要求直接实现时使用；不用于独立的需求对齐、测试设计或 QA 报告。
io.github.jeremylongshore/claude-code-plugins-plus-skills/wondelai-refactoring-ui
审计并修复 Web UI 的视觉层级、间距、配色与层次感。当用户说“我的 UI 看着不对劲”“修一下设计”“Tailwind 样式”“配色方案”“视觉层级”“设计系统”“间距刻度”“组件样式”时使用。也可在构建一致的设计 token、编写深色主题、提升数据可视化清晰度，或上线前打磨 UI 细节时触发。覆盖 grayscale-first 工作流、受约束的设计刻度、阴影与组件样式。字体选择见 web-typography，可用性审计见 ux-heuristics。
io.github.actualbudget/actual/writing-actual-docs
只要在 Actual Budget 仓库中创建、更新、编辑、撰写、重组或修复文档——具体指 `packages/docs/` 下的任何内容（发布在 actualbudget.org/docs 的 Docusaurus 站点），或该包内任何 .md 与 .mdx 文件的改动——都使用本技能。触发请求如为 X 新增一个文档页、更新 FAQ、为新特性写指南、给这个设置写文档、修一下关于 Y 的文档、新增贡献指南页面，或任何文档站点相关工作，即便用户没有明确提到风格、结构或约定也要触发。Actual 的文档遵循严格的 Docusaurus 约定（front matter、标题层级、图片放置与命名、提示块语法、Title Case、语气、拼写白名单），不查阅项目风格指南就动笔，写出的内容几乎必然过不了评审并需要返工。
io.github.NeverSight/learn-skills.dev/docker-bench-expert
面向 AMT Docker Bench 的专项技能——T264 自动驾驶卡车多容器仿真环境。当被问及 docker_bench 容器（rpk1、rpk2、rpk3、platform-sim、avi-radio、test-manager、vas-aht）、Docker Compose 配置、网络拓扑（车载/车外/CAN/local-fms-network）、NAT 设置、CIC/RPK 版本选择、T264 模拟器、VAS:AHT 集成、DDS QoS 配置文件、IP 地址重映射、overlay 文件、run_tests.sh、Docker Bench 版本兼容性、兼容的 FMS/AMT 版本组合，或任何涉及 Docker Bench 环境的问题时使用。也用于调试 bench 中的容器启动失败、网络问题、构建错误、镜像拉取失败、版本不匹配或服务就绪问题。可从 Confluence 获取 Docker Bench 版本兼容性矩阵以确定可用的版本组合。
io.github.HKUDS/CLI-Anything/video-creation
面向视频生产的按能力组合的多工具矩阵。agent 按能力挑选 provider(CLI-Anything harness、公开 CLI、Python 库、原生二进制、云 API),而非固定阶段流水线,涵盖分镜规划、故事/声音指导、素材分诊、网络视频/音乐搜索下载、采集/生成、分析、声音设计、高质量字幕设计、NLE/渲染问题排查、审阅与打包交付。
