infographic-generator-p5
该技能用于生成基于 p5.js 的交互式教育信息图，通过节点和边可视化概念之间的关系。信息图读取 vis-network 兼容的 JSON 数据，用户悬停元素可查看简短定义的提示框，并在绘图区下方显示带链接的详细信息。适用于概念图、思维导图、知识图谱、教育内容交互式图表等场景。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-29 00:09
设计与创作
21,215 个结果
ui-ux-pro-max
UI/UX Pro Max 是一个可搜索的设计智能数据库，为 UI/UX 设计、构建、审核与改进工作提供参考信息。它收录了 UI 风格、配色方案、字体搭配、图表类型、产品类型建议、UX 指南以及特定技术栈的最佳实践。该技能覆盖 50 种风格、21 套调色板、50 组字体搭配、20 种图表、9 种技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter 等）。使用时通过 Python 脚本按关键词检索 product、style、typography、color、landing、chart、ux、prompt 等领域，并可按技术栈查询实现规范，默认技术栈为 html-tailwind。适用场景包括落地页、仪表盘、SaaS、电商、作品集等界面设计与实现，并附带交互、明暗模式对比、布局间距与可访问性检查清单。
image-gen
GPT-image2 AI 图片生成技能，一句提示词即可文生图，传入公网参考图URL可做图生图或改图。适合生成配图、AI出图、小红书/公众号封面、电商主视觉草稿等，按次消费，单次约3分钟异步返回图片直链。
zoom-video-sdk
Zoom Video SDK 用于在 Web、React Native、Flutter、Android、iOS、macOS、Windows、Unity、Linux 等平台构建自定义实时视频体验（非 Zoom 会议）。提供完全自定义 UI、会话加入、音视频流控制与事件驱动渲染，需 Marketplace 凭据与 JWT 签名。
kinetograph
Kinetograph 是一个在 Node.js 中运行、用 GPU 合成器出帧的视频与动态图形渲染工具。它不依赖浏览器，采用 Remotion 风格的 TypeScript/TSX 编写方式（如 useCurrentFrame、interpolate、spring、Sequence、原生元素等），支持用 Web Audio 离线代码生成声音，并以命令行方式预览单帧、多帧条、运动路径、检查图层、lint 校验与最终渲染。项目可通过 kinetograph-migrate 技能迁移现有 Remotion 项目。
brand
Adobe 出品的品牌识别技能（brand），用于从品牌指南中提取品牌身份，并生成可供设计师审阅的视觉品牌板。它支持从品牌指南 URL、PDF、参考锚点集或对话描述中提取品牌信号，产出 stardust/brand-profile.json、stardust/brand-board.html、stardust/assets/logo.<ext> 以及 .impeccable.md 等文件。该技能强调使用真实浏览器（如 Playwright）提取 JS 渲染后的计算样式、字体、CTA、配色、视觉母题等细节，而非依赖通用推断，从而保留品牌特有的设计特征。它还包含调色板选择流程，从内置调色板库中筛选候选方案供设计师挑选。适用于品牌识别创建、提取、精炼、评审与迭代等场景。
gunpla-poster
gunpla-poster 是一个引导式技能，通过分步问答收集用户偏好，生成高端高达模型摄影收藏海报，风格类似官方收藏目录页。
claude-video-transcode
基于 FFmpeg 的视频转码与编解码转换技能，支持 GPU 加速，可在 H.264、H.265、AV1、VP9、ProRes、DNxHR 之间转换，并提供压缩、两次编码、封装重混与批量处理等方案。
litestar-caching
介绍 Litestar 的响应缓存技能：通过路由级 cache 控制和应用级 ResponseCacheConfig 配置响应缓存、存储选择、TTL 策略与缓存键设计。
design-critic
Design Critic 是一个用于对设计文档、架构提案和需求进行批判性评审的 AI 技能，通过持续追问、要求证据和暴露漏洞，帮助发现设计中的假设、缺失与风险。
algo-blockchain-smart-contract
该技能用于在区块链上设计和实现自动执行的智能合约，覆盖需求校验、核心逻辑设计、安全验证与输出。资料强调合约部署后不可变、漏洞不可逆，需在部署前完成测试与安全审计，并给出重入、整数溢出、抢跑、Gas 优化、代理升级与预言机依赖等注意事项。
ecom-conversational
用于设计跨消息平台的对话式电商体验，涵盖聊天机器人流程、商品卡片与转化策略，强调先提供价值再推荐商品。
ops-business-model-canvas
用于按商业模式画布（BMC）九大模块梳理和评估商业模式的技能，适合设计新业务或对比现有与拟议模式。
baoyu-xhs-images
用于生成小红书（XHS）信息图系列的技能，可将内容拆解为1-10张卡通风格图片，提供11种视觉风格与8种布局，并按内容自动推荐风格、布局与预设。
seenry-apps
Seenry Apps 是一套面向移动应用界面与流程设计的技能规范，用于在 SwiftUI、UIKit、React Native、Expo、Flutter 及移动 Web 原型等项目中，设计与构建具有原生质感的屏幕和交互流程。其核心要求是平台保真度与严格的视觉纪律：网格、分层组件、少量字号、单一强调色，并覆盖所有状态。工作流强调先写研究简报与流程/外观规格，再借助 Seenry MCP 研究真实应用的完整流程（检索、翻页到底、借用参考），随后按“网格→安全区→结构→文字与状态”四层构建组件，并针对标志性屏幕生成三个方案后盲选。完成后需在 iOS 模拟器或 Android 模拟器上走查全流程并录屏复核，运行 app_preflight.mjs 与 check.mjs 校验并报告分数。文档还给出 iOS 与 Android (Material 3) 的尺寸、字体、组件度量平台底线，屏幕规则、动效映射表、反套路清单与交付检查项。
seenry-review
Seenry Review 是一个面向 Web 界面、UI 差异或单个组件的界面审查技能，输出按严重度排序、可修复的发现。它强调基于可见证据而非个人喜好进行评判，覆盖网格与间距、字号层级、同心圆角、强调色、页面框架等 Seenry 系统规则，并提供无障碍、动效、压力测试和变更审查等模式。
seenry-video
Seenry Video 是一个将产品短片（发布视频、功能讲解、工具与智能体演示、社交短视频）作为代码来导演和渲染的 AI 技能。它要求视频内容真实、可验证，以网页形式构建，逐帧作为时间的纯函数渲染，确保精确、可重复和可编辑。适用于 6–90 秒的产品影片，强调单一主张、真实证据、音乐剪辑、可读文字和设计音效，并通过渲染、混音、检查与盲评流程产出高质量视频。
contact-sheet
contact-sheet 是一个根据视频片段生成联系表（contact sheet）的技能：把均匀抽取的帧排成网格图，并在每帧上烧录 hh:mm:ss 时间戳。适用于需要快速浏览视频内容的场景。依赖带 drawtext 的 ffmpeg。
emilkowal-animations-v1
基于 Emil Kowalski 教学与开源库整理的 Web 界面动画最佳实践指南，含 8 大类共 58 条按影响优先级排列的规则，适用于 React、CSS、Framer Motion 及 Tailwind CSS v4 的动画编写、评审与实现。
codebase-design
codebase-design 是一份共享词汇参考，用于讨论模块边界与接口设计，涉及模块、接口、实现、深度、接缝、适配器、杠杆和局部性等概念，帮助在设计深层、可测试的模块时保持一致的推理语言。
team-designer
用于按 v4 架构生成“团队技能”的元技能（Meta-skill）：产出包含 SKILL.md 路由、协调者、工作角色、共享规格与模板的完整技能包。
drawio-mcp
通过 draw.io MCP 服务器创建、编辑并导出 draw.io 图表，支持在浏览器中实时预览，并提供语义化设计系统、布局与边路由规则、编辑操作、导出与排障说明。
brand-guidelines
DigitalSpeed 视觉识别与样式规范技能，涵盖标志、配色、字体、摄影与图形系统。用于生成任何代表 DigitalSpeed 的设计资产、UI、版式或代码输出，确保其符合官方品牌规则。
design-engineer
一个面向 UI/UX 的“设计工程师”技能：先诊断界面摩擦点，提出 2–4 个结构性方案并给出取舍理由，再实现打磨后的界面。强调复用项目设计系统与令牌、覆盖完整状态与无障碍，避免通用 AI 风格布局。