adapt
一个帮助把现有设计适配到不同屏幕尺寸、设备和平台的设计技能，强调适配不只是缩放，而要为移动端、平板、桌面、打印和邮件等场景重新思考布局、交互与内容策略。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-06 00:14
设计与创作
22,125 个结果
aipoint-brand
AIPoint 品牌规范技能，用于在演示文稿、文档和设计稿中统一应用 AIPoint 的视觉识别，包括配色、字体、渐变、Logo 使用及排版规则。
animate
一个用于审查功能并为其添加有目的动画、微交互与动效的技能，旨在提升可用性与愉悦感。强调先收集受众、用例、品牌调性与性能约束等上下文，再规划并实施动画。
bolder
bolder 是一个用于把过于保守、平淡或通用的设计放大为更具视觉冲击力和个性的技能，在保持可用性的前提下提升设计的辨识度与记忆点。
colorize
colorize 是一个为过于单调、缺乏视觉吸引力的界面添加策略性色彩的设计技能，来自 kcchien/skills。它面向灰阶或中性色为主、缺少视觉温度与个性的设计，通过有目的地引入颜色来提升界面的层次感、表现力与情感传达。该技能强调颜色必须有用途：语义状态、层级引导、分类区分、情感基调、导航辅助与视觉惊喜。使用前必须先收集上下文，包括目标受众、使用场景、品牌个性与既有品牌色，必要时须通过 AskUserQuestionTool 澄清，不得猜测。它还要求先执行 frontend-design 技能获取设计原则与反模式。色彩策略建议在非中性色之外最多选 2-4 种颜色，按 60% 主色、30% 辅色、10% 强调色配比，并用 OKLCH 生成和谐色阶。应用维度涵盖语义色、强调色、背景与表面、数据可视化、边框、字体颜色与装饰元素。需保证 WCAG 对比度（文本 4.5:1，界面组件 3:1），不单独依赖颜色传达信息，避免彩虹式滥用、纯灰中性色、纯黑纯白大面积与常见紫蓝渐变。
critique
critique 是一个从 UX 视角评估设计有效性的技能，检查视觉层级、信息架构、情感共鸣与整体设计质量，并输出结构化的设计评审报告。
distill
distill 是一个用于简化设计的技能，通过去除不必要的复杂性来提炼设计本质，让界面更清晰、简洁。它强调先收集目标受众与核心用例等上下文，再系统性地精简信息架构、视觉、布局、交互、内容与代码。
electron
通过 agent-browser 经由 Chrome DevTools Protocol（CDP）自动化 Slack、VS Code、Discord、Figma、Notion、Spotify 等 Electron 桌面应用的技能，采用与网页一致的快照—交互工作流。
extract
用于把可复用的组件、设计令牌与模式提取并整合进设计系统的技能，帮助识别系统性复用机会并丰富设计系统。
normalize
normalize 是一个用于将界面设计对齐到既有设计系统的技能，通过分析现有功能与设计规范的偏差，统一排版、颜色、间距、组件、动效、响应式与无障碍等维度，并清理冗余代码，确保产品视觉与交互一致性。
onboard
onboard 是一个用于设计或改进产品新手引导流程、空状态与首次用户体验的技能，帮助用户快速上手并理解产品价值。
optimize
用于改善界面性能的技能，覆盖加载速度、渲染、动画、图片与打包体积，帮助定位并修复性能瓶颈，让体验更快更流畅。
quieter
Quieter 是一个用于降低设计视觉强度的技能，专门处理过于大胆、激进或视觉刺激过强的界面设计。它在保留设计质量与冲击力的前提下，减少色彩饱和度、视觉重量、动画强度与装饰复杂度，使整体观感更精致、克制、耐看。该技能强调「安静不等于无聊」，通过更少的颜色、更轻的字重、更克制的动效和更系统的排版来传达品质感。使用前要求先收集目标受众、使用场景、品牌调性等上下文，并调用 frontend-design 技能获取设计原则与反模式；若信息不足需先向用户澄清，不得凭猜测推进。
remotion-best-practices
Remotion 是一个用 React 创建视频的框架，本技能为处理 Remotion 代码时提供领域专属的最佳实践知识。它本身不是可运行的工具，而是一套按主题拆分的规则文件集合，涵盖 3D 内容、动画、素材导入、音频处理、字幕、图表、合成定义、字体、GIF、Lottie、文本测量与动画、时间曲线、转场、裁剪、视频嵌入等众多方面。当你在编写或调试 Remotion 代码时，可按需查阅对应的规则文件，获取详细说明与代码示例，从而更规范、高效地完成视频开发任务。
smart-water-treatment
面向水处理系统架构的智能技能，覆盖半导体超纯水、市政、工业、海水淡化与再生水等场景，提供工艺故障诊断、系统设计、AI与自动控制、OT安全及ESG等跨维度分析建议。
teach-impeccable
teach-impeccable 是一次性项目配置技能，用于收集项目的设计上下文并写入 AI 配置文件（CLAUDE.md），建立可持久复用的设计准则。
theme-factory
Theme Factory 是一个用于为各类产出物（如幻灯片、文档、报告、HTML 落地页等）应用主题样式的工具包。它提供一套精心挑选的专业字体与配色主题集合，每个主题都包含协调的调色板（带十六进制色值）以及适用于标题和正文的字体搭配，并具有适配不同场景与受众的独特视觉风格。目前内置 10 个预设主题，包括 Ocean Depths、Sunset Boulevard、Forest Canopy、Modern Minimalist、Golden Hour、Arctic Frost、Desert Rose、Tech Innovation、Botanical Garden 和 Midnight Galaxy，均展示在 theme-showcase.pdf 中。使用时先展示主题展示文件供用户浏览，询问其选择，待用户明确确认后，读取 themes/ 目录中对应主题文件，将指定的颜色与字体一致地应用到产出物上，并确保对比度与可读性。若现有主题均不适用，还可根据输入生成自定义主题，赋予描述字体/配色含义的名称，生成后展示供审核，确认后再应用。
web-design-guidelines
该技能用于审查 UI 代码是否符合 Web Interface Guidelines（Web 界面指南）。当用户提出「review my UI」「check accessibility」「audit design」「review UX」「check my site」等请求时使用。其工作方式为：先从指定源 URL 获取最新版指南，再读取用户指定的文件（或询问文件/匹配模式），随后对照获取到的全部规则逐条检查，最后以简洁的 file:line 格式输出发现的问题。指南源为 https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md，每次审查前都会重新抓取，以确保使用最新规则，抓取内容包含全部规则及输出格式说明。使用时，若用户提供了文件或匹配模式参数，则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果；若未指定文件，则询问用户需要审查哪些文件。
youtube-to-mp4
该技能用于下载 YouTube 视频并转换为 MP4 格式，依赖 yt-dlp 和 ffmpeg，可处理单个视频、多 URL 与播放列表，也能提取音频或字幕，输出的 H.264 MP4 适合本地播放与 PPTX 嵌入。
building-native-ui
面向 Expo Router 的原生应用 UI 构建指南，涵盖基础、样式、组件、导航、动画、模式与原生标签页，并附动画、控件、表单、渐变、图标、媒体、路由、搜索、存储、标签页、工具栏、视觉效果、WebGPU 与缩放转场等参考文档。
agy-reviewer
agy-reviewer 是一个通过 Google Antigravity CLI（agy）获取第二意见评审的技能，可评审代码（diff、PR、工作树）或决策、计划、设计等。它只负责组织任务并原样返回 agy 的评审结果，不修复发现的问题。
micro-interactions
面向交互式 UI 的微交互规则集，强调即时反馈、物理弹簧动画、空间连续性与可访问性；给出按钮、标签、弹层等标准参数与 Framer Motion、Tailwind 用法建议。
canvas-design
canvas-design 是一套用于创作博物馆级视觉艺术的技能，可输出 .md 设计哲学文件，以及 .pdf/.png 视觉作品，适用于海报、视觉设计、信息图、证书等需求。
creative-effects
用于创建 WebGL、Three.js、着色器、粒子与创意编程视觉效果的技能，适合需要 3D、shader、粒子动效的网页场景，并提供 React Three Fiber、Canvas 2D、CSS/SVG 效果示例与性能、移动端、可访问性检查建议。