SuperAPI AI 工具集

Skill 广场

找到适合任务的 Agent Skill,阅读介绍并复制安装命令。

更新于 11-05 00:16

设计与创作

22,056 个结果

write-design-md

write-design-md 是一个用于编写或更新项目 DESIGN.md 的技能。它从项目实际使用的颜色、字体、间距和组件出发,生成一份简短的设计规范文件,供人和 AI 智能体参考,使新页面与既有界面保持一致。该技能会先检查是否已有 DESIGN.md 或类似样式指南,若有则更新而非覆盖;随后读取 CSS 自定义属性、Tailwind 或主题配置、设计令牌文件、组件库、全局样式及高频组件,按角色归类颜色(背景、表面、边框、文本、强调色、状态色),记录字体家族与真实字号层级、实际使用的间距步长、圆角边框阴影、组件及其状态、布局宽度与断点。文件按固定结构组织:颜色令牌、排版令牌、间距与形状、组件、布局、Do's and Don'ts、Agent Prompt Guide、Open questions。近似重复值(如 #1a1a1a 与 #1b1b1b)会列入待决问题并建议保留哪一个,而非直接写成规则。它只记录代码中真实存在的内容,不虚构令牌、组件或品牌值。可选连接 UXKIN MCP 服务器(https://uxkin.com/mcp)以参考真实网站设计系统,但需用户主动要求并拥有 UXKIN 方案。该技能无需账号、令牌或服务器即可独立运行。

设计与创作2 次安装

generative-series

这是一个用于搭建确定性、基于哈希种子的生成艺术系列(fxhash 或 Art Blocks 风格)的技能包。它让同一份代码为每个哈希生成独一无二且可复现的作品:所有随机性都来自由 token 哈希派生的单一随机数生成器,绝不调用 Math.random()。技能涵盖从哈希派生确定性 RNG、定义可索引的特征/稀有度、确保确定性预览、项目工程规范到铸造前检查清单的完整流程,并可将美术、配色、导出等环节交接给其他技能。

设计与创作2 次安装

video-scene-analyzer

Video Scene Analyzer 是一个用于分析视频文件的技能,通过检测场景边界并生成结构化 JSON 元数据。它适用于需要分析视频场景、识别剪辑点或整理视频制作信息的场景。该技能依赖 ffmpeg 和 ffprobe,采用两阶段流程:第一阶段以低分辨率帧扫描视频,识别场景边界;第二阶段对每个场景提取高分辨率帧,生成详细的内容摘要、制作标签和视觉资产库。最终输出 analysis.json 文件,包含每个场景的时间戳、内容描述、镜头角度、景别、运镜、色彩基调、灯光、节奏、文字叠加、转场类型等信息,以及跨视频的视觉资产清单。使用前需验证 ffmpeg 和 ffprobe 是否可用,若缺失则停止并告知用户。该技能支持多种视频长度和类型,对边界模糊的情况倾向于拆分而非合并。

设计与创作2 次安装

soia-media-cover-image

soia-media-cover-image 是媒体内容发布链(compose -> publish-*)中的封面生成环节,用于为公众号、X、小红书文章生成一张位图封面。它支持 type/palette/rendering/text/mood 五维参数与 2.35:1、16:9、1:1 等多种比例,其中 2.35:1 为公众号头图默认,产出可直接衔接 soia-media-publish-wechat-draft 的 --cover 参数。生成前需经确认闸门(type、palette、text、aspect 四项必确认),除非用户明确要求直接生成或配置了 quick_mode。生图仅使用 codex CLI 内置能力,缺失或未登录时停止并提示,不静默降级;禁止用 SVG/HTML/canvas 代码渲染冒充位图,也禁止在已生成位图上描字改字。最终 prompt 会落盘到 prompts/NN-cover-<slug>.md,产出 cover.png。本技能不生成插画、文中配图,不做排版、发布,不接触账号凭据。

设计与创作2 次安装

high-end-visual-design

这是一个面向高端、奢华或精品机构级网页美术指导的可选技能方向。当用户明确要求高级、奢华或高端机构风格时启用,用于在保留用户品牌、内容、授权素材、无障碍约束和现有技术栈的前提下,提供一套协调的配色、字体与构图起点,包括空灵玻璃、编辑式奢华、柔和结构主义等方向,以及双边框、内嵌 CTA 图标、空间节奏、浮动导航等可选组件处理方式。技能强调一致性优先于每次调用都发明新风格,动效仅用于澄清交互,并需保留焦点、键盘与触控操作及减少动效替代方案。移动端布局需按内容折叠,使用项目断点与间距令牌,并在桌面与移动尺寸下验证层级、真实内容、焦点、交互、减少动效及加载/失败状态。

设计与创作2 次安装

styling-patterns

styling-patterns 是一个基于 DaisyUI v5 的设计系统技能,用于指导界面样式的编写,涵盖背景层级、边框、文字尺寸、透明度、语义颜色和间距等规则。它通过正误示例对比,帮助开发者遵循一致的设计规范,例如背景应按 base-200(页面)、base-100(卡片)、base-200(嵌套)的层级递进且不与父级相同,边框使用不带透明度的 border-base-300 solid,文字尺寸按 h1 3xl 至提示 xs 逐级递减,透明度仅使用 60/70/80 且只应用于元数据与描述,阴影按 md、lg、xl 分级,语义色不应带透明度,并要求在浅色与深色主题下都验证对比度。该技能适用于使用 DaisyUI v5 构建前端界面时统一视觉风格。

设计与创作2 次安装

design-doc-mermaid

design-doc-mermaid 是一个 Mermaid 图表与设计文档生成技能,能够根据文字描述或源代码创建活动图、部署图、时序图、架构图等多种 Mermaid 图表,并按需生成设计文档。它通过意图分析加载对应的专项指南(活动图、部署图、架构图、时序图、代码转图、设计文档模板、Unicode 符号等),再由 AI 依据模板生成图表或文档,并提供验证与导出选项。该技能内含 Python 脚本,可用于从 Markdown 中提取 Mermaid 图表、校验语法、批量转换为 PNG/SVG,以及执行带错误恢复的“稳健工作流”。其覆盖 Spring Boot、FastAPI、React、Python ETL、Node/Express、Java Web App 等示例,帮助把代码结构和业务流程转成图。生成图表要求使用高对比度配色,并建议采用 Unicode 语义符号增强可读性。

设计与创作2 次安装

social-creative-designer-openai

Social Creative Designer 是一个面向前端的社交媒体视觉创意设计技能,使用 OpenAI GPT Image 系列模型(而非 Nano Banana)生成和编辑社交媒体图片。它支持四种工作模式:生成模式(从概念描述完全生成新图)、合成模式(以真实客户产品照片为源,将其置入风格化场景)、品牌模式(保留真实客户照片并施加品牌处理,如裁剪、氛围调整、背景清理或文字安全区)、定格动画模式(生成 6 帧动作序列并导出为循环 MP4 Reel)。该技能内置从设置、简报接收、创意简报输出、提示词工程、生成指导、质量审查到输出打包的完整流程,并强制要求产品类帖子必须基于真实来源素材,不得凭记忆生成或近似客户产品。技能还会记录提示词日志以保证可复现性。

设计与创作2 次安装