design-to-production
一项将 HTML 设计原型实现为生产级 React 组件的引导式工作流技能,支持玻璃拟态(glassmorphism)样式与质量规范检查。适用于实现设计、原型转生产、HTML 转 React 等场景。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 11-05 00:16
22,067 个结果
一项将 HTML 设计原型实现为生产级 React 组件的引导式工作流技能,支持玻璃拟态(glassmorphism)样式与质量规范检查。适用于实现设计、原型转生产、HTML 转 React 等场景。
ElevenLabs Music Generation 是 RunComfy 平台上的一项 AI 音乐生成能力,通过 `runcomfy` 命令行工具调用 ElevenLabs Music 模型。用户提交一段文本提示词,其中同时包含风格描述和带段落标记的歌词,即可生成完整歌曲或纯器乐曲目。输出为 44.1 kHz 立体声,单次调用时长可在 5 秒至 5 分钟之间设定。支持通过参数强制生成纯器乐(无人声)版本,适合背景音乐、播客片头、游戏循环音乐等场景。该技能以 npm 包形式安装,需登录 RunComfy 账号或配置令牌后使用,生成结果由 CLI 下载到指定输出目录。
Extract Design System 是一个用于从公开网站中反向提取设计基础元素(design primitives)并生成项目本地起始 token 文件的技能。它适合在初始化新项目时,快速参考某个公开网站的主色、字体、间距、圆角和阴影等设计信息。使用时需提供目标公开网站 URL,并确认是仅做提取还是同时生成起始文件。该技能明确说明 v1 版本只提取 token 和起始资源,不生成完整组件库,结果用于初始化参考,而非像素级复刻;未经确认不会覆盖已有设计系统或应用样式。运行流程包括确认 URL 可公开访问、执行安装与提取命令、查看并总结 normalized.json 中的颜色、字体与各类尺度,以及在需要时仅提取产物或基于已有 normalized.json 重新生成 token 文件。
Flutter 动画实现指南,覆盖隐式动画、显式动画、Hero 转场、交错动画与物理动画,帮助开发者按场景选择合适方案并遵循性能与资源释放等最佳实践。
Higgsfield Product Photoshoot 是 Higgsfield AI 提供的一项技能,通过 higgsfield product-photoshoot create 命令调用后端提示词增强器,生成品牌级产品图片。后端内置各模式的摄影词汇与结构模板,将最终提示词提交至 gpt_image_2,并返回图片 URL。该技能覆盖 10 种生成模式:产品棚拍、生活方式场景、人物特写、Pinterest 板钉、横幅主图、社交轮播、广告创意包、虚拟模特试穿、概念产品与风格重塑。使用前需确保 higgsfield CLI 已安装并完成登录认证。生成前最多提 3–4 个带选项的简短问题,按意图选择模式,支持多图输出与宽高比设置,分辨率统一使用 2k。
根据项目状态和创作需求选择 HyperFrames 视频工作流,用 HTML 组织时间、动画与媒体播放。
Nano Banana 是一个通过 inference.sh CLI(belt)调用 Google Gemini 原生图像模型生成与编辑图像的工具。支持 Gemini 3 Pro Image(速度较慢、质量最佳)和 Gemini 2.5 Flash Image(速度快、质量优秀)两个模型。主要能力包括文本生成图像、多图生成、自定义画面比例、基于输入图像的图像编辑、4K 高分辨率输出,以及在 Gemini 3 Pro Image 上启用 Google 搜索实时信息增强。用户需先安装并登录 belt CLI,再通过 belt app run 命令指定模型 App ID 并传入 JSON 输入参数来执行生成任务。
基于 Nano Banana Pro(Gemini 3 Pro Preview)的图像生成技能,可生成应用图标、Logo、UI 图形、营销横幅和社交媒体图片,并支持参考图实现风格迁移与角色一致性。
该技能引导智能体启动、演奏、塑造并录制 Orthonotone 多合唱乐器 MVP 的表演,适合在生成音乐时使用,涵盖舞台设置、控制面板、手势编排、场景快照、节奏律动与录制分享等流程。
Skill Writer 是用于引导用户为 Claude Code 创建、编写和设计 Agent Skills 的辅助技能,可帮助生成符合规范与最佳实践的 SKILL.md,并排查技能发现问题。
用于为 Synthex 客户设计并生成完整社交媒体运营手册的技能,覆盖 YouTube、TikTok、Instagram、LinkedIn、Facebook 等平台的视频创意、脚本、缩略图、文案、钩子与发布节奏。
用于影视与视频分镜创作的技能,提供镜头类型、摄像机角度与运动、连续性规则(如180度线)及分镜面板版式规范,并可通过 inference.sh CLI 生成图像并拼接成故事板。
一个用 Python 脚本生成高质量、极简、几何风格 SVG logo 的技能,适用于创建标志、图标或视觉标识等场景,通过标准库拼接 SVG 几何元素并输出 logo.svg 文件。
一个用于设计、评审和修订 UML 图的技能,强调从建模与沟通角度出发,生成语义正确、视觉清晰、面向读者且能回答实际问题的模型,而不仅是输出图形文本。
用于短视频开头1至3秒“钩子”的写作与点评技能,帮助按多种钩子原型批量生成口播、画面与字幕三层方案,并诊断弱开头、给出改写版本;适用于TikTok、Reels、Shorts等平台。
装修方案诊断Skill,内置西安装修课堂381篇文章,从设计布局、户型改造、收纳规划、风格搭配、翻车避坑到设计师选择等维度诊断装修方案,帮业主确认布局合理性、优化空间利用。
AutoClip 是一个开源、本地优先的 AI 视频切片工具,可将播客、访谈、网络研讨会、会议演讲等长视频自动转换为适配短视频平台的 9:16 竖屏片段,并内置说话人跟踪重构画面和动画字幕烧录。它不上传云端、无水印、无订阅费;只有转写文本会发送给 LLM 用于高光检测,若使用本地 Ollama 模型则数据完全不离开本机。工具通过命令行运行切片任务(autoclip clip、autoclip jobs),也提供本地 Web 应用(autoclip serve)用于预览、调整字幕和下载成品。适合需要批量产出 Shorts、Reels、TikTok 竖屏内容的创作者。
Better Design 是一项针对明确选定的 UI 任务提供指导、并配合 shadcn registry 工作流的技能,强调在接入名为 marvkr/better-design 的设计 MCP 与注册表时,先实际发现并读取工具 schema,再取用最小范围的指导,检查注册表载荷(文件目标、依赖、CSS 变量、内嵌源码)后再提出安装。它用于指导界面主题选择、单一注册表条目集成、连接要求说明与评审,但不负责执行安装、重启智能体或改动全局配置,也不授权更换模型。其资料自述为基于公开源码与完整许可证的撰写性证据,相关评测标记为未运行,未实际执行上游安装器、MCP 服务、注册表安装或浏览器应用。
design-taste 是一个面向设计与前端实现场景的技能操作器,用于将 madebymustafa/design-taste 视觉风格库中的某一风格包,按简要需求套用到营销页面或作品集页面。它强调在保留品牌、可访问性与真实内容的前提下,先确定设计解读,再从风格目录中选定一个流派与所需工艺,做最小化的层次、字体、间距与配色调整。该技能并非通用前端风格工具,也不替代 design-taste-frontend;它要求具备明确选型依据、可验证的检查结果与有边界的设计决策,动效须可选并支持减少动态效果。
higgsfield-marketplace-cards 是一个通过 Higgsfield 生成电商平台商品图片卡片的技能。它可产出符合平台规范的主图、副图以及 A+ 风格内容模块,适用于需要为商品上架准备成套视觉素材的场景。使用时通过 higgsfield marketplace-cards create 命令调用,CLI 会先请求后端增强器(平台规则与模板在后端私有维护),再创建 nano_banana_2 任务并输出结果 URL。支持按 scope 选择常用组合(main、product-images、aplus、full-set),也可用重复的 --asset 自定义子集。
higgsfield-video-explainer 是一个面向 Higgsfield CLI 的工作流技能,用于生成完整的非写实风格配音讲解或故事视频。它把视频拆成有序的 10 秒区块,要求整个视频只使用一位旁白、一个统一的风格键,并且每个区块只使用一条 Seed Audio 语音片段和一段对应视频片段,最后通过 explainer_video 自动完成拼接。该流程先让用户选择风格预设或提供自定义风格参考图,再收集时长、旁白语言、角色模式、画幅和字幕等制作设置;随后进行事实研究、生成风格键、撰写旁白与镜头提示词、逐一生成语音和 10 秒片段,最后按顺序组装成最终 MP4。技能强调画面严格非写实、配音不进入视频生成、区块音频与区块视频一一对应,并明确禁止使用单体 video_explainer 任务或本地 ffmpeg 拼接。
通过 MCP 调用 Gemini 模型或兼容服务生成高质量 AI 图像,支持结构化提示词、宽高比控制与结果校验,适用于营销素材、UI 占位图与演示文稿配图。
Impeccable 是一个面向编程智能体的设计词汇与“AI 生成痕迹”(slop)检测技能操作器,对应上游项目 pbakaus/impeccable(Apache-2.0,Paul Bakaus)。它本身不实现设计引擎,而是负责判断 Impeccable 是否适用、离线检查本地安装状态、规划避免冲突的安装、把任务路由到单一命令,并携带一套精简方法,以便在上游未安装时仍能继续工作。该技能锁定 skill 4.8.0、engine 0.1.18 及指定 commit。适用场景包括:用户点名 Impeccable 或输入 /impeccable 命令;项目存在 PRODUCT.md、DESIGN.md 或 .impeccable/ 目录;需要解读 impeccable detect --json 输出或管理设计钩子;需要对特定界面应用 critique/audit 评分或命名设计动作(如 bolder、quieter、distill、harden、typeset、layout、colorize、polish 等)。不适用场景包括未点名 Impeccable 的通用“看起来像 AI 做的”审美工作、无障碍修复、跨产品设计系统治理、动效配方查询、响应式断点策略、动效性能优化,以及纯后端或非 UI 工作。
Superdesign 是一个通过 CLI 操作 Superdesign 画布 UI 草稿的技能。用于在画布上复现现有页面、精修所选设计方向、比较多个备选方案,或把已确认的设计扩展到兄弟页面。它强调区分“生成预览”与“已集成验证的产品”,要求在运行任何 CLI 命令、安装、登录、上传或生成前获得明确许可,并严格管理上下文文件、凭据和设计系统规则。该技能支持从源码解释工作流,也支持连接服务执行草稿创建、迭代和导入等操作,但需遵循固定的命令契约与安全约束。