design-artifact
design-artifact 是一个以 HTML 为先的设计产物生成技能,可将需求简述、流程、截图或代码上下文转化为可在浏览器中打开的 HTML 设计产物,适用于产品原型、可点击流程演示、落地页、叙事页、HTML 幻灯片、故事板、动效演示及多方向探索。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 11-05 00:16
22,051 个结果
design-artifact 是一个以 HTML 为先的设计产物生成技能,可将需求简述、流程、截图或代码上下文转化为可在浏览器中打开的 HTML 设计产物,适用于产品原型、可点击流程演示、落地页、叙事页、HTML 幻灯片、故事板、动效演示及多方向探索。
面向代币概念设计与发行的策略技能:帮助把模糊想法打磨成可部署的代币方案,评估 Momentum、Narrative、Functionality、Flywheel、Mindshare 五力,并给出名称、叙事、图像方向、网站与费用策略的一整套方案,最终通过 Bankr CLI 部署。
面向 Ruby 开发者的设计模式技能,讲解 SOLID 原则与常见创建型、结构型、行为型模式的惯用 Ruby 实现,含工厂、单例、观察者、策略、装饰器、适配器等示例。
指导将 Tauri v2 应用打包为 Linux 发行格式的技能,涵盖 AppImage、Debian(.deb)、RPM、Flatpak、Snap 与 AUR 提交,并说明 glibc 兼容性、签名、ARM 交叉编译及 GitHub Actions 构建等要点。
Level Designer 是 Agency Agents 中的关卡设计专家技能,用于让 Codex 扮演空间叙事与节奏控制专家,负责设计、记录并迭代游戏关卡,涵盖布局理论、玩家动线、遭遇战设计与环境叙事。
NGS Amazon Image Studio 是一个根据产品业务卡生成亚马逊及跨境电商商品图的技能,支持白底图、展示图、卖点图、英雄图、细节图、场景图六类图片,并强调先收业务卡、再选图片类型与尺寸、最后确认输出位置的分步流程。
Helios 合成(composition)工作流技能:指导新建动画项目或将现有动画迁移到 Helios 中运行,基于 @helios-project/core 的 HTML/JS 页面驱动动画。
Helios Studio 是基于 Vite 的 Helios 合成开发与预览服务器,可用于构建动画合成、调试播放、管理素材并触发渲染。
这是一个用于在代码中绘制卡通短片的 Helios 技能。角色由用户自行设计,通过 Canvas 2D 在单个 window.renderAt(t) 页面里逐帧绘制,带表演式情绪变化、手绘转面与抖线(boiling)效果。方法部分涵盖按“读点”计时分镜、绑定(rig)、情绪切换、确定性抖线与评审循环,适用于所有卡通;默认视觉风格为平涂、沸腾墨线与纸张颗粒。附带 starter.html 作为 6 秒示例镜头。内置随机种子步骤、分镜模板 STORYBOARD.md、情绪与跳跃等封闭式辅助函数,以及 Helios 的 sheet/verify/render 命令用于逐帧检查与导出视频。
guided-explainer-video 是一个用于制作讲解或操作演示视频的端到端引导式技能工作流。它从品牌仓库或用户提供的营销网址中提取品牌识别信息,包括配色、字体、语气和信息架构等,并据此确定视频的叙事与视觉风格;可选地通过 ElevenLabs 生成平稳、不抢旁白的背景音乐,再借助 ffmpeg 分析音频的 BPM、节拍和下拍,使画面分区与文字出现对齐节拍。该技能按固定流程执行:先询问用户品牌来源与是否需要音乐,安装 Helios 运行时依赖,提取品牌信息,生成创意规格书,然后使用 HTML、CSS、motion.dev 在 DOM 模式下实现 Helios 合成,最后通过官方 CLI 渲染成 16:9 的 MP4。它适用于产品功能讲解、结账流程说明、上手引导等场景,默认时长 60 秒,最多 5 个分区,要求文字至少停留 3 秒以便阅读。
这是一个用于制作产品发布或版本发布公告视频的端到端引导式工作流技能。它要求先确认品牌信息来源(品牌仓库或提供 URL),再安装 Helios 运行时依赖,从代码库或官网提取品牌识别信息(配色、字体、标语、版本号、新功能等),可选通过 ElevenLabs 生成原创配乐并用 ffmpeg 分析节拍与能量峰值,随后按运动设计规则产出创意规格,最终以 DOM 模式实现 Helios 合成并渲染为 16:9 MP4。
该技能提供端到端的引导工作流,用于创建品牌宣传视频。流程包括从代码仓库或指定 URL 提取品牌识别信息,可选生成与节拍同步的背景音乐,分析音频节拍,编写创意规格,并基于 Helios 的 DOM 模式实现动画合成,最终渲染为 MP4 视频。需要手动回答两个前置问题,确保品牌来源与音乐生成选项。
JB SVG 是一套用于手工编写、编辑和审查 SVG 的技能指南,覆盖图标、图表、插画、响应式图形与 SVG 动画。它把 SVG 视为包含几何、样式、语义与行为的文档,强调产出可读、在目标尺寸下清晰渲染的源码。内容按工作流组织:先检查使用环境(独立文件、内联 HTML、框架组件、CSS 背景或 img 源)并匹配项目语法与样式约定;再确定视觉边界与坐标系(常规图标可用 0 0 24 24);优先使用 circle、rect、line、polyline、polygon 等语义图元,必要时才用 path;随后处理样式、可复用定义、无障碍与可选动效;最后渲染并在最小与最大尺寸下检查,验证标记。指南还涵盖 viewBox 与缩放、描边留白、宽高比、响应式尺寸、像素网格对齐、路径命令可读性、fill 与 stroke 设置、CSS 与表现属性分工、currentColor 与 CSS 自定义属性、defs 与 ID 唯一性、滤镜区域、无障碍处理方式(装饰性、有意义、img 加载、交互图形)、动效与 reduced-motion 适配,以及清理与验证步骤。
面向 lottie-web 与 dotLottie 网页动画的技能,覆盖动画 JSON/dotLottie 资产、播放器生命周期、清理、渲染器选择、无障碍与资产校验,并提供参考文档与审计 CLI。
针对 blockrun_image 图像生成与编辑的提示词技能:把用户需求转成结构化提示,帮助生成清晰排版、保持版式并减少通用AI感。默认面向 GPT Image 2,兼顾 Nano Banana、Grok Imagine、CogView 等模型。
用于 HTML 文档与幻灯片的文档设计系统:输入设计 token 文件,输出单个可内联的 CSS 包,并在发布前对每对颜色做 WCAG 对比度校验。含字阶、阅读宽度、打印角色与明暗主题,不含产品 UI 组件库。
面向科研与机构资助申请的技能,帮助评估资助方匹配度、设计提案结构与叙事、审查预算合理性,并提供提交前检查。覆盖政府(NIH、NSF、DOE、ARPA)、基金会、企业、公益及 SBIR/STTR 等类型,强调提案架构而非套模板。
用于按权力×利益绘制利益相关者地图并制定沟通计划的技能,帮助在重大举措、企业交易或组织调整前预判阻力、正确路由决策。
web-design-guidelines 是一套用于审查 UI 代码是否符合 Web Interface Guidelines 的技能,适用于“review my UI”“check accessibility”“audit design”“review UX”等请求。它通过读取文件并对照无障碍、焦点、表单、动画、排版、性能等规则,输出简洁但全面的审查结果。
面向平台工程与大规模开发者平台建设的架构设计原则技能,源自Atlassian 2017-2025年平台工程复盘,覆盖自服务负载均衡平台、控制面/数据面分离、边缘集中化横切关注点等14条原则及其经典出处。
面向智能体工作流的高端设计工程技能,以 DESIGN.md 作为可移植设计契约,串联 Stitch、Pencil MCP、Figma MCP 与编码代理,产出独特的高端 UI,并通过截图与 WCAG 2.2 AA 检查验证质量。
aer-statspai 是 AER 实证分析流程中的执行引擎选项,通过开源 Python 平台 StatsPAI 运行因果推断与计量经济学估计,覆盖 DiD、IV、RDD、SCM、DML 等方法,并支持 MCP 智能体调用与出版级表格导出。
面向《Journal of Management》(JOM) 投稿的研究设计与测量方法技能:当研究设计、测量或因果识别成为稿件瓶颈时,帮助把设计与理论主张、构念和因果声称匹配起来,并规划常见审稿质疑的应对。
Talking Avatar 是一个用于构建或改造轻量级实时语音聊天应用的技能,让固定角色头像的嘴型跟随远端音频变化。支持用户提供照片或文字描述生成头像与嘴型贴图,并围绕 OpenAI Realtime 搭建应用。