interface-design
Interface Design 是一套面向仪表盘、管理后台、SaaS 应用、工具、设置页与数据界面的界面设计技能，强调先确定用户、任务与感受，再通过视觉层级、密度、配色与细节打磨产出非模板化的产品界面。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-24 00:15
设计与创作
20,691 个结果
onboarding-design
这是一个关于首次使用体验（Onboarding）设计的专家技能，旨在帮助用户设计从注册到首次获得产品价值的完整引导流程，让新用户快速理解产品用途、建立信心并减少流失。该技能以“尽快到达价值”为核心优先级，强调引导而非说教、建立早期成功体验、降低初始设置阻力。它系统梳理了渐进式引导、设置向导、示例数据/演示模式、交互式产品导览，以及将空状态设计作为引导手段等常见模式，并说明每种模式最适合的使用场景。技能还提供了减少设置阻力的策略（延迟收集信息、渐进式披露、智能默认值、社交/SSO 登录、可跳过选项），以及衡量引导效果的关键指标（激活率、到达激活时间、完成率、次日/30日留存、各步骤流失）。同时列出常见错误与最佳实践，强调定义“顿悟时刻”并围绕它设计流程、对每一步埋点测量流失、用真实新用户而非内部成员测试，并在核心产品变更后重新测试引导流程。
search-ux
search-ux 是一套面向搜索体验（Search UX）的设计专家技能，来自 infrasity-labs/dev-gtm-claude-skills。它帮助设计与评估搜索系统，使搜索快速、宽容且真正有用，覆盖搜索输入、自动补全与建议、搜索结果布局、排序与相关度、筛选与细化、零结果状态以及搜索分析等环节。该技能可用于指导搜索框占位文案、输入宽度、自动聚焦、清除按钮、键盘导航等交互细节，也可用于规划结果项应展示的标题、匹配上下文与元数据。它还强调将搜索视为导航方式，建议纳入导航型目的地与精确匹配页面。对于零结果，技能要求确认搜索内容、提示拼写纠正、相关或更宽泛词、浏览分类或联系支持等替代方案，并把零结果视为留存时刻而非空白页。分析方面涵盖热门查询、零结果查询、细化率、点击位置与搜索放弃等指标。资料未提供具体收费、价格、平台或效果数据。
programmatic-video
Programmatic Video 是一个基于 React 与 Remotion 的编程式视频技能：每一帧都是 React 组件，动画用代码表达，可生成序列、转场、弹簧动画与数据驱动内容，并在无头 Chromium 中渲染为 MP4/WebM，无需视频剪辑软件。
ffmpeg-modal-containers
面向 Modal.com 无服务器平台的 FFmpeg 部署技能，讲解在 CPU 与 GPU 容器中安装并运行 FFmpeg，实现批量转码、并行视频处理、GPU 编码与 Whisper 音频处理，并含 Modal Volumes 大文件存储与成本优化要点。
baoyu-post-to-wechat
一个将内容发布到微信公众号的自动化技能，通过 Chrome CDP 控制浏览器完成操作，支持图文消息与文章两种发布类型；文章支持完整 Markdown 排版和多套主题，图文支持标题、正文提取与自动压缩，最多 9 张图片。
pm-agile
pm-agile 是 superpm 中的敏捷管理方案制定技能，用于项目启动时建立敏捷开发流程、设计团队协作机制并规划迭代节奏。它通过分步提问收集团队规模、敏捷成熟度、迭代周期、看板类型和跟踪频率，最终生成敏捷管理方案文档。
pm-proto
pm-proto 是一个面向产品原型的 AI 技能，用于在已有 PRD 或 MVP 方案基础上设计产品原型、规划交互流程与界面布局，帮助从需求文档过渡到视觉方案，最终产出 docs/02-方案设计/原型设计方案.md。
lazyweb-design-brainstorm
Lazyweb 的跨品类设计头脑风暴技能，刻意到目标品类之外搜索可迁移的新颖设计模式，并将结果生成为托管报告。
3d-cartoon-character-short
面向 AI 视频创作的 3D 卡通角色短片工作流，强调以单个已完成案例为锚点，先在编写分镜前读取案例文件并选定一个锚定案例，再按保留、替换、避免的参考契约产出逐镜运动简报、完整视频提示词及核验清单，适用于规划、分镜与优化短片提示词。
video-to-skill
视频转技能工具：把一个视频、教程、播放列表或课程转换为可安装、以证据为依据的课程 Skill，使其能够讲解、练习与反馈，并应用演示过的能力——不是简单转写摘要。
auto-optimize
Auto-Optimize 是一个使用 auto-run-agent 编排 Claude Code 对目标项目进行持续自动优化的技能。流程包括探索项目、识别问题、设计任务列表、创建 runner 环境并启动自主执行，适用于需要批量优化的项目。
web-asset-generator
依据 majiayu000/spellbook 的 web-asset-generator 技能资料，用于从 logo、emoji 或文字标语生成网页资源，包括浏览器图标、PWA 应用图标和社交平台 Open Graph 分享图。
image-generation
MassGen 的图像生成与编辑指南，介绍如何用 generate_media 工具创建、编辑和迭代图像，并说明 Google、OpenAI、Grok、OpenRouter 等后端的自动选择与参数用法。
massgen
MassGen 是一个多智能体协作系统技能，可将写作、编码、评审、规划、规格、研究、设计等任务委派给多个 AI 智能体团队，通过多轮投票与优化产出结果，并支持 WebUI 监控进度与 git 差异审查。
high-end-visual-design
一个面向 AI 的视觉设计技能，目标让生成的网站呈现高端设计代理水准：规定字体、间距、阴影、卡片结构与动画，并给出反模式清单、布局原型、动效编排与性能约束，最终输出高端质感的 React/Tailwind/HTML 代码。
create-svg-illustrations
用于创建、修改、嵌入和排查无障碍 SVG 图表与插画的技能，适用于幻灯片、文档等静态产物，强调可移植尺寸与可编辑性。
alt-text-design
为图片、图表、示意图和视觉内容撰写有意义的替代文本（alt text）的技能，帮助无障碍与包容性设计。提供决策树区分装饰性、功能性、信息性和复杂图像，并给出写作要点与评估问题。
assess-load
用于评估完整多步骤流程的认知负荷并生成负荷地图的技能，可标出用户最可能受挫、放弃或出错的环节，并链接认知负荷评估、记忆负荷削减等能力。
assistive-technology-scenarios
围绕辅助技术编写无障碍使用场景的技能，要求在场景、用例、用户旅程或故事板中描述真实人物使用真实辅助技术完成真实任务的步骤，而非只写理想条件，并覆盖屏幕阅读器、键盘、放大、认知差异与情境障碍等使用者。
colour-independence
一套无障碍设计技能，要求界面中颜色不能作为信息的唯一传达方式，需同时用形状、文字、图案、位置或图标等辅助编码。适用于状态指示、数据可视化、表单校验、链接、徽章、地图等设计场景。
voice-interaction
Voice Interaction Design 是一套面向包容性设计的语音交互设计指南，旨在帮助设计者和开发者构建能够适配多样化人类语音的语音界面，包括不同口音、言语障碍、非母语者以及嘈杂或安静环境中的使用者。该技能强调语音不应成为唯一操作方式，必须始终提供文本、触摸或键盘替代方案；设计需支持不同的语速与表达方式，允许停顿、重复、填充词和自我纠正，并接受同一意图的多种说法。系统需通过视觉转写等方式清晰反馈识别结果，便于用户纠正误识别，并明确显示监听、处理与等待状态。对于破坏性操作，不得仅凭语音执行，必须确认。该技能还涵盖优雅失败、隐私与控制等设计模式，并提供评估问题清单，帮助检验语音功能是否真正具备可访问性。
nano-banana-pro
通过 Gemini 3 Pro Image（Nano Banana Pro）生成或编辑图像的技能，附带脚本可调用模型完成文生图、单图编辑与多图合成，支持 1K/2K/4K 分辨率，需配置 GEMINI_API_KEY。
lightweight-flutter-animations
这是一个 Flutter 动画方案，通过抽象类 AnimationWidget 封装 Ticker 与 LayoutBuilder，让子类只需实现 update 与 paint 即可自动重建界面，从而避免手动调用 setState。