responsive-design
响应式设计（Responsive Design）是一项面向界面设计的技能，专注于设计能够跨屏幕尺寸、像素密度和输入方式自适应变化的布局与交互。当同一套设计需要服务多种视口时使用。该技能涵盖流式、自适应、移动优先、内容优先等响应式策略，常见断点划分，列下沉、重排、离屏、优先级+等响应式模式，以及针对触摸、鼠标、键盘、语音等输入方式的适配方法，还包括响应式排版与图片处理。适合需要让设计在手机、平板、笔记本和桌面等多种设备上都能良好呈现的场景。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-11 00:16
设计与创作
22,788 个结果
search-ux
search-ux 是一套搜索体验设计技能，覆盖查询输入、自动补全、结果展示、筛选细化与零结果状态，并给出搜索分析指标与最佳实践，适合用户以检索而非浏览方式获取内容的场景。
spacing-system
spacing-system 是一个用于建立系统化间距规范的技能，帮助设计与前端团队从基础单位出发创建统一的间距尺度，并为每一步间距规定使用场景。它适用于需要标准化内边距与外边距的界面设计工作。资料给出了以 4px 或 8px 为基础单位的示例尺度，从 2xs（2px）到 3xl（64px），并区分了容器内边距、纵向堆叠间距、行内元素水平间距、网格或弹性布局间隙等间距类型。技能还提供应用规则：相关元素用较小间距，独立区块用较大间距，页面边距按断点保持一致，组件内部间距按组件定义。同时支持紧凑、舒适、宽松三种密度模式。需要说明的是，资料未提供该技能的具体安装命令、使用步骤、平台限制、收费方式或实际效果说明。
state-machine
State Machine 是一个用于将复杂 UI 行为建模为有限状态机的技能。它帮助开发者与设计师用状态、事件、转换、动作和守卫条件来描述组件行为，从而消除不可能状态、让行为可预测。适用于表单、数据获取、认证、多步骤向导等具有多个交互状态且需要穷尽覆盖的场景。
survey-design
用于设计无偏问卷的调研技能，涵盖问题措辞、量表与抽样，帮助在规模化场景下测量态度与行为，产出可信、可决策的定量数据。
theming-system
theming-system 是一套面向多品牌、多模式设计系统的主题架构技能，通过三层 token 映射，让同一组件库支持浅色、深色、高对比度及品牌变体等主题。
typography-scale
用于建立数字界面模块化字体排印体系的技能，通过比例、字重与行高关系生成可读且一致的字号层级，适合搭建产品排印结构。
usability-test-plan
用于规划整体可用性测试的UX研究技能：围绕设计或原型生成研究问题、方法、参与者标准、任务脚本、指标、主持指南、数据收集与分析计划，并含试测清单。
version-control-strategy
为设计文件、组件库与设计资产制定版本控制策略的技能，涵盖分支、命名与发布，适用于文件历史混乱的团队。
wireframe-spec
wireframe-spec 是一个用于在视觉设计前定义线框图布局的技能，聚焦内容优先级、组件摆放、行为标注与响应式考虑，帮助团队先明确结构再进入视觉设计。
creative-portfolio-resume
面向设计、营销、写作等创意岗位的简历技能，帮助在视觉设计与 ATS 兼容之间取得平衡，提供 ATS 版与设计版双版本策略、排版配色布局建议及作品集整合方法。
app-store-screenshots
用于搭建 App Store 与 Google Play 截图广告页的技能：复制预制的 Next.js + ShadCN 编辑器，支持多设备尺寸、批量导出 PNG、可切换平台与主题。
framer-motion-animator
基于 Framer Motion 声明式 API 创建流畅动画与微交互的技能，涵盖入场退场、手势、滚动动画与编排序列，并提供安装命令、组件示例与性能实践。
import-on-visibility
基于 Intersection Observer 的可见性懒加载模式：仅在组件进入视口时才导入模块，适用于首屏之外、无需立即加载的图片、组件与重型模块。
preload
介绍浏览器资源预加载（<link rel="preload">）的技能，用于让字体、首屏图片或关键脚本等晚发现的资源提前请求，改善 TTI 与 LCP 等 Core Web Vitals 指标。
extract
extract 是 pbakaus/impeccable 中的一项技能，用于识别可复用的组件、设计令牌与模式，并将其提取、整合进设计系统，实现系统性复用。
normalize
normalize 是一个用于审计并重新对齐 UI 的技能，使界面符合设计系统标准、间距、设计令牌与既有模式。适用于用户提到一致性、设计漂移、样式不匹配等场景。
onboard
onboard 是 pbakaus/impeccable 中的一项技能，用于设计并改进产品的新手引导流程、空状态与首次使用体验，帮助用户尽快获得价值。适用于用户提到 onboarding、空状态或首次运行体验等场景。
open-images-for-free-use
该技能用于查找可免费使用的图片，适用于网站、文档、演示、UI、博客或营销素材。它从内置的预审图片目录中挑选图片，并依据图片自身元数据中的许可证标识进行校验，返回已验证的图片 URL 及署名要求。
seedance-2.0-prompter
用于 Seedance 2.0 视频生成的提示词工程技能，可将用户提供的图片、视频、音频等多模态素材和模糊创意转化为结构化提示词与推荐参数，输出单个优化 JSON 对象。
videoagent-audio-studio
VideoAgent Audio Studio 是一个多模型音频调度技能，可把语音合成、配音、音乐生成、音效制作和声音克隆等请求路由到合适的模型（ElevenLabs、fal.ai），并返回可直接使用的音频 URL。
videoagent-image-studio
VideoAgent Image Studio 是一个通过一条命令调用多个图像生成模型的技能，无需自行配置多家 API 密钥。支持 Midjourney、Flux、Ideogram、Recraft、SDXL、Nano Banana 等，可根据用途自动选择合适模型并返回图片 URL。
videoagent-video-studio
VideoAgent Video Studio 是一个用于生成短视频的 AI 技能，支持文生视频、图生视频和基于参考素材的生成，内置 7 种后端模型，默认无需配置 API Key，通过托管代理调用并返回视频 URL。
Ambient Computing & Calm Technology
用于环境计算与平静技术设计，围绕注意力分配、无屏交互、隐私和人工接管评估产品体验。