搜索「figma design image icon」的结果

io.github.sickn33/antigravity-awesome-skills/api-security-best-practices

实现安全的 API 设计模式，包括认证、授权、输入校验、限流，以及针对常见 API 漏洞的防护。

api-patterns（API 设计模式）

io.github.sickn33/antigravity-awesome-skills/api-patterns

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

CSS 基础

io.github.InugamiDev/ultrathink-oss/css-foundations

统一的 CSS/样式基础 —— CSS 架构（模块化、CSS-in-JS、层叠层、容器查询）、CSS 自定义属性（设计令牌、主题化、运行时修改）、CSS Grid（模板、自动放置、subgrid）、暗色模式实现、响应式设计模式（流式排版、容器查询、宽高比）、通用动画模式、Framer Motion、Tailwind animate 插件。

CSS 忍者

io.github.aAAaqwq/AGI-Super-Team/css-ninja

精通 Tailwind、CSS-in-JS、响应式布局、动画与现代样式模式。使用时机：(1) 响应式布局实现，(2) Tailwind CSS 安装与定制，(3) CSS-in-JS（styled-components、emotion），(4) 复杂布局（Grid、Flexbox），(5) CSS 动画与过渡，(6) 暗色模式实现，(7) 组件样式体系，(8) CSS 架构（BEM、原子化）。触发词："responsive"、"Tailwind"、"styled-components"、"CSS grid"、"flexbox"、"animation"、"dark mode"、"layout"。

css-shared-first

io.github.schalkneethling/masonry-gridlanes-wc/css-shared-first

编写响应式样式时应用 Shared First CSS 方法论。凡编写或审查涉及媒体查询、响应式布局、视口特定覆盖或断点驱动设计的 CSS 都应使用。当用户要求编写响应式 CSS、重构移动优先 CSS，或组件/布局含视口特定样式时触发。本技能取代移动优先的模式指导——除非用户明确要求移动优先，否则一律优先 Shared First。

移动友好

io.github.kostja94/marketing-skills/mobile-friendly

当用户希望为移动优先索引做优化或修复移动可用性问题时使用。也在用户提到“mobile-friendly”“mobile-first indexing”“mobile SEO”“responsive design”“mobile adaptation”“mobile viewport”“viewport meta”“touch targets”“font size mobile”“AMP”或“Accelerated Mobile Pages”时使用。viewport meta 相关请使用 page-metadata。

全栈前端开发

io.github.UnicomAI/wanwu/frontend-dev

融合高级 UI 设计、电影感动效、AI 生成媒体素材、有说服力的文案与视觉艺术的全栈前端开发。用于构建视觉冲击力足、带真实媒体、高级动效与出色文案的完整 Web 页面。适用场景：制作落地页、营销站点、产品页、仪表盘，生成媒体素材（图片/视频/音频/音乐），撰写转化文案，创作生成艺术，以及实现电影感滚动动效。

PyPI Python 包构建发布

io.github.github/awesome-copilot/python-pypi-package-builder

构建、测试、lint、定版并发布生产级 Python 库到 PyPI 的端到端技能。覆盖四种构建后端（setuptools+setuptools_scm、hatchling、flit、poetry）、PEP 440 版本、语义化版本、基于 git tag 的动态版本、OOP/SOLID 设计、类型注解（PEP 484/526/544/561）、Trusted Publishing（OIDC）以及完整的 PyPA 打包流程。适用于：创建 Python 包、可 pip 安装的 SDK、CLI 工具、框架插件、pyproject.toml 配置、py.typed、setuptools_scm、semver、mypy、pre-commit、GitHub Actions CI/CD 或 PyPI 发布。

css-animate

io.github.Lionad-Morotar/local-tools/css-animate

使用合成层属性、滚动驱动动画、View Transitions 与 @keyframes 编排创建高性能 CSS 动画，始终附带 prefers-reduced-motion 回退。当用户要求 CSS 动画、过渡、滚动动画、视图过渡、keyframes、悬停效果、入场动画或动效设计时使用。

css-theme

io.github.Lionad-Morotar/local-tools/css-theme

用现代 CSS 构建主题化系统。涵盖自定义属性架构（原始、语义、组件令牌）、oklch/oklab 色彩空间、用 color-mix() 生成浅深色、用 light-dark() 实现自动暗色模式、用 @property 定义带类型的自定义属性、多主题支持、对比度主题与 forced-colors 模式。在构建主题、添加暗色模式、创建颜色系统、配置设计令牌或实现配色方案时使用。

css-responsive

io.github.Lionad-Morotar/local-tools/css-responsive

运用容器查询、流式排版、响应式图片、逻辑属性、视口单位、内在尺寸与偏好查询的现代响应式设计，优先使用容器查询而非媒体查询。当用户询问响应式 CSS、响应式设计、移动端布局、流式排版、响应式图片、暗色模式、prefers-reduced-motion 或自适应设计时使用。

css-refactor

io.github.Lionad-Morotar/local-tools/css-refactor

将旧式 CSS 升级到现代标准。扫描样式表中的过时模式（float、clearfix、厂商前缀、旧 flexbox 语法、px 媒体查询、@import、滥用 !important）并替换为现代写法；引入层叠层级、抽取设计令牌并合并冗余。在重构 CSS、现代化样式表、升级旧代码、移除厂商前缀或用 grid/flexbox 取代 float 时使用。

文案写作指南

io.github.spacedriveapp/spacebot/writing-guide

撰写或编辑 Spacebot 的任何文案时使用——README 章节、文档、release notes、营销文字、设计文档摘要。涵盖语态、语气、应避免的套路，以及优秀的 Spacebot 文字读起来是什么感觉。

后端架构师

io.github.davila7/claude-code-templates/backend-architect

资深后端架构专家，擅长可扩展 API 设计、微服务架构与分布式系统。

数据库架构师

io.github.davila7/claude-code-templates/database-architect

资深数据库架构专家，擅长从零设计数据层、技术选型、Schema 建模与可扩展数据库架构。

Docker 精通

io.github.tctinh/agent-hive/docker-mastery

在处理 Docker 容器时使用——调试容器故障、编写 Dockerfile、用 docker-compose 做集成测试、镜像优化或部署容器化应用。

Bun 全栈质量

io.github.databuddy-analytics/Databuddy/bun-fullstack

以 Drizzle 支撑的 SQL 构建或评审 Bun 全栈 TypeScript 代码。用于涉及 API/领域逻辑、schema 或查询设计、迁移、运行时/类型调试，以及契约、业务规则与持久层之间边界校验的后端或跨层变更。

编写 TSDoc 注释

vdevelop

io.github.medusajs/medusa/writing-tsdocs

为 Medusa 代码库中的 TypeScript 源文件添加和更新 TypeDoc（TSDoc）注释。覆盖 HTTP 类型、API 路由、UI 组件、数据模型、服务接口、JS SDK 方法、抽象 provider、workflow SDK 函数、core-flows 工作流与步骤，以及事件。为 packages/core/types/src/http、packages/medusa/src/api、packages/design-system/ui/src/components、packages/modules/*/src/models、packages/core/types/src、packages/core/js-sdk/src、packages/core/utils/src、packages/core/workflows-sdk/src/utils/composer、packages/core/core-flows/src 或 packages/core/utils/src/core-flows/events.ts 下的文件添加 TSDoc 注释时使用。