delight
ui-craft 技能中的一个子技能，用于为界面添加一到两个令人印象深刻的微交互，强调具体性而非装饰，避免弹跳、彩带和表情符号堆砌。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-17 00:11
设计与创作
20,072 个结果
harden
harden 是 ui-craft 技能中的一个子技能，专注于界面的生产就绪度审计与实现。它面向完整「非理想路径」矩阵进行检查和补齐：加载骨架屏、空状态、错误提示、部分数据、长内容截断、i18n、离线与慢速、权限、零状态首次运行等。该技能要求按覆盖矩阵逐项审阅关键界面，并结合界面原型（如数据表、设置页、搜索、详情页、计费、定价、文档页、结账、引导、破坏性确认、邀请分享等）拉取对应的覆盖部件。输出分为「加固矩阵」与「覆盖」两节并排报告，每项标注 present / partial / missing 等状态，不打分、不计数、不设百分比。报告后直接修改代码修复缺失项，打印 Review Format 表格展示修复内容，并以「still at risk」列表列出无法安全自动修复的问题（如需后端、需设计决策、需翻译文件）。最终可衔接 /finalize 进行发布前检查。具体安装与命令方式暂未提供。
draw-ui
draw-ui 是一个 UI 设计技能，用于设计 App、后台、游戏界面和完整网站落地页并生成设计稿，也可按需把设计稿或截图还原为 HTML/CSS、现有前端项目或微信小程序。适用于页面设计、落地页、截图还原和小程序高保真，不用于插画、海报、故事板或纯图片编辑。
tiktok-music-archive-downloader
TikTok 音乐档案下载技能：在已选定音乐或声音候选后，下载相关 TikTok 视频样本、用 ffmpeg 提取本地音频，并生成可复现的归档清单，供音乐研究或参考使用。
naturalistic-motion
Naturalistic Motion 是一套面向动画创作的指导原则，主题是让动画呈现出有机、鲜活的生命感。资料以“像生物学家观察生命”为比喻，强调自然界中没有机械式运动：一切都在呼吸、调整、回应，生命是持续而细微的运动。它把动画十二原则放在有机生命语境中重新阐释，包括次要动作、跟随与重叠动作、弧线、缓入缓出、时间节奏、挤压与拉伸、预期、扎实的绘画、吸引力、夸张、布局、顺画与摆姿势等，并逐条给出在生物动画中的应用要点。资料还提供实用建议：用呼吸、重心转移、微扫视、姿态调整、对环境声音光线温度的反应来表现“生命迹象”；指出常见错误如双臂同步（twinning）、完全对称、IK 锁定、机械式均匀节奏；并针对“动作显得死板”或“动作显得杂乱”分别给出调整方向。此外强调参考素材的重要性，建议研究真实生物视频、自己表演拍摄、观看慢动作素材、观察动物静止状态。核心准则是：活物即使在什么都不做时也总在做些什么，静止在动画中等同于死亡，要让角色呼吸。资料未提供具体软件、安装命令、价格、平台或教程步骤。
remotion-best-practices
该技能是一份面向 Remotion（用 React 制作视频）的规则集，用于在编写 Remotion 代码时获取领域专属知识。它以多个规则文件的形式组织，覆盖 3D、动画、素材导入、音频、元数据、字幕、字体、图表、合成、时间轴、转场等主题，每个文件提供详细说明与代码示例。适合在涉及 Remotion 视频开发时按需查阅对应规则文件。
ui-ux-pro-max
UI/UX Pro Max 是一个用于将模糊的 UI 需求转化为具体设计系统与实现指导的技能。它适用于设计或评审 UI、创建落地页或仪表盘、选择配色与字体、改进无障碍性等场景。该技能可进行设计系统选择、调色板与排版决策、UX 评审与修复、结合技术栈的前端实现指导，以及面向多页面工作的轻量级设计系统持久化。它不替代产品策略或用户研究，而是在产品方向大致明确后让执行更精准。核心流程包括：推断请求形态、优先生成设计系统、按需拉取针对性指导、在编码前补充技术栈专属指导、综合后再实现。默认输出通常包含产品与 UI 框架、推荐风格系统、调色板与排版、组件与布局规则、无障碍与交互检查、结合技术栈的实现说明。
svg-art
SVG Art 是一个通过程序化代码生成 SVG 图形的技能，使用 Python 脚本输出高质量 SVG。它提供网格、径向、分形、波浪、粒子、图表和图标等多类生成脚本，以及 SVG 优化脚本。所有脚本默认将有效 SVG 输出到标准输出，也可用 -o 参数写入文件，并支持管道组合。适用于需要图标、标志、插画、图表、数据可视化等场景。
shot-by-shot-analysis
Shot-by-Shot Analysis 是一个逐镜头分析技能：分别检查多个参考或基准视频，按可观察的画面与声音证据记录，再综合成一份可人工复核、可供下游生成技能使用的 Markdown 报告。
ux-researcher
UX Researcher（动画与用户体验）是一个面向用户体验研究的技能，用于评估动画的可用性、开展动效研究，以及研究动画如何影响用户感知与任务完成。该技能以迪士尼十二动画原则作为评估框架，将挤压与拉伸、预备动作、舞台化、缓入缓出、弧线、次要动作、时间节奏、夸张、立体感、吸引力等原则逐一转化为可研究的问题与实验方法，例如通过 A/B 测试比较刚性反馈与弹性反馈的感知响应速度，通过眼动追踪研究动效对注意力的引导，通过回忆测试比较同时出现与按序出现的内容层级理解，通过时间估计任务研究缓动曲线对感知时长的影响。技能还提示研究时需考虑 prefers-reduced-motion 用户、前庭功能障碍筛查、文化差异以及年龄对速度与复杂度的敏感度。
spritecook-generate-tilesets
SpriteCook 的瓦片集生成技能，配合 spritecook-workflow-essentials 使用，通过 SpriteCook MCP 工具生成 autotile 瓦片集，并选择视角、拼块集、瓦片尺寸等参数。
excalidraw-skill
Excalidraw 画布工具包，用于在实时画布上创建、编辑和优化图表。支持 MCP 工具、CLI 与 REST API 三种接口，可批量创建元素、绑定箭头、截图校验、导出场景文件与分享链接。
forms
用于设计、构建或改进表单界面的技能，目标是提升清晰度、完成率与用户信心。涵盖字段结构、标签与输入设计、多步表单、校验时机、错误恢复、移动端与无障碍要点，并列出常见反模式与上线前检查清单。
spatial-thinking
spatial-thinking 是动画原则技能集中的一项，用于在动画涉及深度、透视、体积或三维空间意识时提供指导，例如镜头运动、角色定位或环境交互。它把动画视为四维（三维空间加时间）创作，强调以雕塑式思维处理空间关系。
distill
distill 是 ui-craft 技能下的一个精简子技能，用于对界面做“减法”：删除不回答用户问题、不推动操作的内容、结构、视觉元素与死代码，并遵循 CRAFT_LEVEL 档位控制删减力度。
novel-game
该技能用于将小说或故事改编为浏览器端互动小说网页游戏（React 单页应用）。它提供从需求收集、剧情与分支设计、项目架构到核心组件实现的完整流程，包含打字机文本、选择面板、角色立绘、过场播放、存档系统、Hash 路由与 Web Audio API 程序化音频。可选通过阿里云百炼 CLI（bl）离线生成并下载 AI 素材（视频、图片、TTS 旁白），游戏运行时零 API 调用。支持视频、图片、混合三种素材模式，以及无音频、仅 BGM、BGM+音效、BGM+音效+TTS 旁白等音频方案，并针对移动端做了适配。
lifestyle-ad
用于创作生活方式广告概念与分镜脚本，让产品能力服务于理想的人的状态，而非功能演示。可生成镜头语法计划、逐镜头脚本、用户确认节点，并在批准后交接给相应制作流程。
entrance-animations
entrance-animations 是一个用于指导元素入场动画设计的技能，属于 dylantarre/animation-principles 项目。它适用于页面加载、模态框打开、列表项新增、内容揭示等任何元素“进入视野”的场景。该技能将迪士尼十二动画原则应用到入场动画中，例如用挤压拉伸让元素从 95% 缩放到 100% 以显得有弹性，用预备动作让元素从略低或略小的位置开始，用缓出曲线实现快速起步、柔和落地的效果，并通过错峰延迟让子元素依次出现。资料还给出了不同元素类型的时长与缓动建议，如提示条 150ms、模态框 250ms、卡片 200ms、列表项错峰 50ms 等，并提供了一段 CSS 关键帧实现示例和错峰公式。
excitement-energy
这是一个动画设计技能，用于创建能激发热情、营造期待感或带来高能量体验的动画。它依据迪士尼动画十二原则，给出针对“兴奋与能量”这一情绪目标的参数建议，包括挤压拉伸（20-35%）、预备动作（100-150ms）、夸张程度（25-40%）等，并提供时序推荐表与 CSS 缓动变量、高能量关键帧动画模式（如能量爆发、抖动、脉冲），以及逐步叠加能量的编排思路。适用于体育健身、音乐娱乐、游戏界面、活动推广、产品发布、促销、流媒体和动作类应用。
design-review
这是一个面向设计质量检查的技能（Skill），用于以设计师视角对界面进行视觉 QA：发现视觉不一致、间距问题、层级问题、AI 生成痕迹（AI slop patterns）以及交互缓慢等问题，并直接在源码中迭代修复，每次修复原子化提交，并用修复前后的截图重新验证。适用于被要求“审计设计”“视觉 QA”“检查是否好看”或“设计打磨”的场景；当用户提到视觉不一致或想打磨线上站点外观时也可主动建议使用。若需在实现前做计划模式的设计评审，应改用 /plan-design-review。
luxury
Luxury 是一个通用型奢侈品牌设计系统技能，专注于高端深色美学。它采用大胆标题、单一色调配色与高级质感，适合奢侈品品牌体验的设计与实现。该技能由 bergside/awesome-design-skills 提供，为工程师和设计师输出可直接落地的设计系统指南。核心基础包括：现代、粗体、大标题的视觉风格；桌面优先的表现型字体尺度，主字体与展示字体为 Oswald，等宽字体为 JetBrains Mono，字重覆盖 100 至 900；色板以 #FAFAFA 为主色和次色，成功 #16A34A、警告 #D97706、危险 #DC2626，表面色 #000000，文字色 #ffffff；间距采用 8pt 基线网格。无障碍方面要求键盘优先交互、可见焦点状态、优先使用语义化 HTML 再考虑 ARIA、44px 以上触摸目标以及高对比度支持。写作语气要求简洁、自信、有帮助。规则强调优先使用语义化 token 而非原始值、保持视觉层级、明确交互状态，避免低对比度文字、不一致的间距节奏和含糊标签。
prototype
prototype 是 stardust 工作流中的一个技能，用于将指定页面的重设计方案渲染为自包含的静态 HTML 文件，并通过对话驱动的 impeccable 命令进行迭代。它不自行设计，而是把 direct 写出的目标规范（PRODUCT.md、DESIGN.md、DESIGN.json、stardust/direction.md）与 extract 捕获的页面内容（stardust/current/pages/<slug>.json）组合起来，视觉创意交由 $impeccable craft 及迭代命令完成。输出文件位于 stardust/prototypes/<slug>-proposed.html，用户确认后标记为已批准。支持 --all、--prep、--canon-from、--publish-sample、--cinematic 等参数，并强制运行质量门禁（critique、audit、移动适配审计、反工具箱审计、内容溯源扫描），不提供跳过标志。
colorize
colorize 是一个用于优化界面色彩系统的技能，针对过于灰暗、单色或缺少色彩语义的设计，策略性地引入色彩温度、语义色与基于颜色的层级。使用前需通过 /colorize 启动并加载相关前端设计上下文。
veo-3.2-prompter
veo-3.2-prompter 是一个面向 Google Veo 3.2（Artemis 引擎）视频生成模型的提示词工程技能。它把用户提供的多模态素材（图片、视频、音频）与创作意图，转化为结构化、可直接执行的提示词，并输出包含最终提示词与推荐参数的 JSON 对象。该技能适用于用户希望用 Veo 3.2 生成视频、需要构建电影感提示词，或使用任意 Google Veo 3.x 模型进行视频生成的场景。其内部工作流分为识别、映射、构建三个阶段：先分析上传素材与用户意图，将每个素材归类为原子元素角色；再为每个原子元素确定最优参考方式（参考图、文本提示或混合）；最后按五段式框架（镜头→主体→环境→摄影机→风格）组装最终提示词，并通过 Gemini API 的 RawReferenceImage 系统附加参考图。技能依赖内部知识库文件 atomic_element_mapping.md 与 veo_syntax_guide.md 进行决策。