ai-design-workflow
面向设计师的 AI 设计工作流技能,指导在设计各阶段有目的地引入 AI、按简报结构编写提示词、评估 AI 生成内容,并建立评审与客户沟通规范。强调 AI 是助手而非自动驾驶,所有输出须经人工审核。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-26 00:15
20,837 个结果
面向设计师的 AI 设计工作流技能,指导在设计各阶段有目的地引入 AI、按简报结构编写提示词、评估 AI 生成内容,并建立评审与客户沟通规范。强调 AI 是助手而非自动驾驶,所有输出须经人工审核。
来自已上线产品的真实 UI 交互模式技能,覆盖首屏、导航、卡片、定价、评价、CTA、表单和页脚等界面元素,提供具体的设计规范、反模式与检查清单。
渐进披露(Progressive Disclosure)是一种交互设计技巧,通过按时间顺序逐步呈现信息与操作,降低用户认知负担。适用于设计新手引导、复杂表单、功能繁多的界面与设置页,仅在用户需要时展示必要内容。
学术论文智能优化系统,面向计算机深度学习方向硕士学位论文,提供降低AI写作风险特征、降查重率与学术润色三维协同优化,采用两层文档架构与显式状态追踪实现模块化闭环优化。
一个用于构建电影感品牌落地页的 AI 技能:主视觉视频随鼠标横向拖动逐帧播放,下方按五段情绪叙事弧线排列多个不透明品牌区块,并自动处理配色、字体、RTL/LTR、脚手架与验证。
用于在 X(x.com)发布招聘帖的技能,包含文案规范、图片生成提示与自动化发布脚本,适合发布 AI 相关岗位或设计类岗位。
一个可复用的访谈协议技能,用于在构建规格不足的计划、设计或功能想法前,通过逐条内联提问澄清决策,锁定问题陈述、架构、数据、权限与范围等关键判断,最终产出确认过的决策包。
这是一个面向 UI 动效与动画的指南型技能,用于在设计、实现或评审动效、缓动、时序、减少动效行为以及 CSS 动画时提供规范与示例。它强调动画应服务于澄清因果关系或提供克制的愉悦感,交互应保持快速(200-300ms,仅示意性动画可到 1s),不应给键盘交互加动画,优先使用 CSS,必要时才用 WAAPI 或 JS,并保证动画可中断、由输入驱动,同时尊重 prefers-reduced-motion。内容还覆盖应动画的属性(移动与空间变化只动 transform 和 opacity,简单状态反馈可用颜色/背景/透明度过渡)、禁止动画布局属性和 transition: all、SVG 的变换写法、主题切换时禁用过渡、空间与排序(transform-origin 设在触发点、对话框/菜单从 scale(0.85-0.9) 开始、错开显示不超过 50ms)、缓动默认值、无障碍与性能建议,并提供 examples.md 作为片段与实用技巧参考。
web-designer 是 Loom 项目中的界面设计技能,以用户体验为核心,负责信息架构、交互流程与无障碍布局设计,并可在必要时直接编写前端代码或做小幅后端调整。
YouTubeSearch 是一个基于 yt-dlp 的 YouTube 搜索技能,可按关键词返回结构化视频结果,包含标题、链接、频道、订阅数、播放量、时长、上传日期及播放/订阅互动比,数字以 1.2M、45.3K 等易读格式呈现。
Write-First Design 是一种在投入大量设计或实现工作之前,先用简短书面说明澄清不确定产品决策的方法。它主张在改动成本还很低时,用文字(prose)解决产品方向上的不确定性。当已有清晰的用户需求说明、既有决策文档或范围明确的 UI 修改时,无需再额外撰写说明或走审批流程。对于意图不明的大型工作,则记录预期用户结果、拟议改动、理由以及有价值的非目标,并可用“我们相信[改动]会带来[结果],因为[原因]”这样的假设句式来表达。该方法强调解释有意义的设计选择,让协作者能在昂贵实现之前进行评估,只针对会实质性改变工作的未决问题提问,其余情况给出合理假设并在授权范围内继续推进。它要求写作者与构建者保持紧密,当实现揭示不同权衡时更新理由。完成标准是交付所要求的说明,或在要求实现时交付已实现并验证的改动。
仓库货位优化(Warehouse Slotting Optimization)技能,用于优化 SKU 在仓库库位中的摆放,以减少行走距离、提升拣选效率、提高空间利用率并降低人工成本。
Clean Architecture、六边形架构(端口与适配器)与领域驱动设计(DDD)的基础技能,用于把业务逻辑与框架、数据库、交付机制解耦,使系统更可测试、可维护。资料同时说明何时不该采用该架构,并覆盖依赖规则、分层、战术与战略模式、CQRS/事件溯源、常见违规与测试策略。
面向 Seedance 视频生成的反转结尾搞笑短片提示语技能,源自 32 个人工验证案例提炼出的单一提示结构,用于玩梗片、整蛊复仇小剧场、荒诞比例梗与家庭喜剧等以结尾笑点为载荷的短片。
面向 COO 的运营设计方法论技能,涵盖流程设计、规模化、运营指标、合规审计、供应商管理与组织模式,通过有界试点与证据改进运营系统。
org-design 是面向首席人力资源官(CHRO)场景的智能体技能,用于组织拓扑、人才、薪酬、文化与组织健康决策,强调明确决策权与验证;资料注明不适用于法律建议。
Chatsonic 集成技能,通过 Membrane CLI 连接 Chatsonic(Writesonic 旗下具备实时信息访问能力的 AI 聊天机器人),用于管理用户、对话、图片、工作区与提示词,适合营销、写作与研究场景。
GSAP 官方插件技能,用于指导使用与审查 GSAP 各类插件的代码,涵盖插件注册、滚动、DOM/UI、文本、SVG、物理与缓动等场景。资料明确说明所有 GSAP 插件均免费(含商用),自 Webflow 收购后不再有付费会员层,无需许可证密钥或认证令牌,所有插件都包含在公开的 gsap npm 包中,可通过 import 从 gsap/ 路径引入。技能强调用 gsap.registerPlugin() 一次性注册所需插件,并提示在 React 中应于顶层注册而非在会重渲染的组件内注册。主要覆盖插件包括:ScrollToPlugin、ScrollSmoother、Flip、Draggable、Inertia、Observer、SplitText、ScrambleText、DrawSVG、MorphSVG、MotionPath 等,另提及 CustomEase、EasePack、CustomWiggle、CustomBounce 与 GSDevTools。ScrollTrigger 有独立技能。资料给出了各插件的用途、关键配置项与代码示例,并说明部分限制(如 DrawSVG 只影响描边、SplitText 不支持 SVG text 等)。
gsap-timeline 是 GSAP 官方提供的时间线(Timeline)技能,用于把多个补间动画组织成有序或并行的多步骤动画。它围绕 gsap.timeline() 构建,核心是位置参数(position parameter),可精确控制每个补间在时间线上的绝对时间、相对前后动画的偏移、或相对标签与最近动画的位置。该技能适用于制作关键帧式动画、按顺序编排动画序列、协调多个补间同时或先后播放等场景。时间线支持默认值继承、标签、嵌套、播放控制(播放、暂停、反向、跳转、重启、销毁)以及整个时间线级别的 repeat、yoyo 和回调。资料同时给出官方最佳实践与常见误区,例如优先用时间线而非 delay 串联动画、用 addLabel() 提升可读性、将 ScrollTrigger 放在时间线或顶层补间上而非内部补间。配套技能方面,单个补间与缓动使用 gsap-core,滚动驱动的时间线使用 gsap-scrolltrigger,React 中使用 gsap-react。
用于梳理 SaaS 与数字产品定价策略的技能,覆盖定价模型选择、免费增值判断、分层打包设计、竞争定位与调价迁移方案,并输出结构化定价建议。
ttdl 是 browser-harness-js 的浏览器原生 TikTok 下载工具,通过录制页面 MediaSource 播放流获取无水印视频,无需 yt-dlp 或签名求解器。支持最佳画质、仅音频、查看信息、短链与纯数字 ID,输出 HEVC+AAC,需 ffmpeg。
Remotion 最佳实践技能,用于在 React 中进行视频创作。当处理 Remotion 代码时加载该技能以获取领域知识,内容以 rules 目录下的多个规则文件组织,覆盖动画、音频、字幕、转场等主题。
Remotion Core 是 Remotion 的合成契约技能,用于指导如何用 React 构建单个 Remotion 视频项目,涵盖合成结构、帧驱动渲染、时间 API、序列与媒体元素等核心规则。
Remotion Explainer 是一套用于制作解说视频的工作流,可围绕主题、文章、博客、机制或概念生成带旁白的 Remotion 合成视频,由智能体自行设计视觉画面,无需现成素材。