frontend-design
一份面向无既有品牌或设计系统约束的前端/UI 设计指导，强调先确定大胆的美学方向，再以排版、配色、动效、空间构图与背景细节打造独特界面，并让实现复杂度匹配美学愿景。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-01 00:15
设计与创作
21,544 个结果
options
一个用于展示多轮设计方案的可视化选项组件技能：把多个设计稿按轮次纵向堆叠，每轮中并列展示若干带稳定编号（如 1a、1b）的选项卡片，便于用户按编号引用并跨轮对比。
oas-program
用于在生成任何几何图形之前捕获 OAS 设计意图的技能，记录房间需求、面积目标、邻接规则、流线规则与全局约束，属于方案任务书阶段而非布局求解阶段。
ceo-companion
CEO Companion 是一个面向 SaaS 战略会议的协作式 CEO 副驾技能，与用户共同完成市场调研、创意验证、设计灵感收集与架构规划，最终产出供 Beads Orchestration 构建会话使用的 .strategy/ 文件夹。
openai-image-gen
通过 OpenAI Images API 批量生成图像的技能，内置随机结构化提示词采样器，并输出 index.html 缩略图画廊，支持 GPT 图像模型与 DALL·E 系列。
reproducibility
该技能用于提升研究可复现性，覆盖预注册、开放数据与代码共享、复制研究设计、计算可复现性及开放科学实践，提供评估、模板与检查清单。
media-processing
媒体处理技能，基于 FFmpeg、ImageMagick 与 RMBG CLI 处理视频、音频和图片，涵盖转码、提取音频、缩放滤镜、批量处理与本地 AI 抠图。
taobao-keyword-search
该技能用于在已登录的淘宝/天猫搜索页按关键词抓取商品卡片，返回标题、价格、店铺、图片、销量与标签等分页数据，适合需要批量获取商品列表信息的场景。
byted-util-getdesign-md
从 getdesign.md 下载知名品牌或网站的设计系统文档 DESIGN.md，为前端开发提供颜色、字体、间距和组件风格参考，适用于需要快速套用成熟设计体系的场景。
project-design-concept-organizer
用于在开发过程中归纳项目设计理念与架构模式的技能，可将代码与讨论中的设计决策、隐性知识提炼为系统化设计文档，并补充 doc-todo-log-loop 开发日志。
team-motion-design
team-motion-design 是一套系统化动效设计团队技能，采用 team-worker 代理架构，覆盖研究、编排、动画与性能测试流程，涉及动画令牌系统、滚动编排、GPU 加速变换及 reduced-motion 回退。资料暂未提供收费与具体使用条件。
team-ui-polish
team-ui-polish 是一个面向 UI 打磨的团队协作技能，通过扫描、诊断、优化、验证的流水线自动发现并修复界面设计问题，内置反 AI 味检测与设计规范。
team-visual-a11y
team-visual-a11y 是面向视觉无障碍 QA 的团队技能，基于 OKLCH 感知色彩对比、排版可读性、焦点管理与渲染层 WCAG AA/AAA 审计，采用 team-worker 智能体架构，由协调者并行调度多个审计角色。
brand-guidelines
OpenEd 视觉品牌规范技能，用于演示文稿、网站和数字物料，提供配色、字体、间距与响应式设计规格。
video-caption-creation
面向短视频的屏幕文字钩子与字幕文案生成技能，核心是互补性原则：屏幕文字应补充而非重复音频内容，利用文字与声音之间的信息差制造好奇心，从而在前1秒内阻止用户滑动。
youtube-clip-extractor
该技能用于从 YouTube 视频中提取精彩片段：下载视频与字幕、分析转录文本挑选片段、用 ffmpeg 剪切，并生成适配各平台的屏幕文字与文案。需安装 yt-dlp 和 ffmpeg。
video-loop
video-loop 是用于为网站准备背景视频循环的技能：可选首尾交叉淡入淡出，输出 MP4/WebM 与海报帧，并提供 HTML 片段。实际 ffmpeg 处理由 scripts/video-loop.sh 完成，技能负责校验输入、调用脚本并生成可读报告。
dag-visual-editor-design
面向 DAG/工作流可视化编辑器的设计技能，主张像搭乐高一样直观，而非 LabView 式复杂。涵盖节点设计、连线语义、自动布局、交互模式、视觉状态与反模式，并给出 React Flow、Dagre、ELK 等技术栈与实现清单。
architecture-patterns
iOS 架构模式选择与实现指南（MVVM、TCA、Clean Architecture），按功能复杂度提供决策标准，聚焦选型而非教程，面向熟悉 Swift 的中高级 iOS 工程师。
First Principles Thinking
第一性原理思维技能，将复杂问题拆解为基本事实再自下而上推理，避免类比推理陷阱。含删除优先的需求质疑阶段，适用于架构评估、挑战最佳实践、质疑遗留假设和设计新系统等场景。
add-captions
该技能用于为 Remotion 视频生成 TikTok 风格的逐词动画字幕。它先定位旁白或主音频文件，使用 Whisper 生成带时间戳的 SRT 转写，安装 @remotion/captions 包，再按所选样式（TikTok、YouTube、卡拉OK、极简）创建字幕组件，并支持自定义位置、字号、高亮颜色、背景与动画，最后将字幕作为最上层覆盖层接入合成并预览调整。
add-transitions
add-transitions 是一个用于 Remotion 视频项目的场景转场配置技能，帮助在合成中为多个场景之间添加专业转场效果。它支持使用 @remotion/transitions 提供的 fade（淡入淡出）、slide（滑动，可选上/下/左/右方向）、wipe（擦除）、flip（3D 翻转）、clockWipe（时钟擦除）等转场类型，并可选择线性时间或弹簧物理时间控制转场节奏。该技能会引导完成安装依赖、检查现有场景、选择转场与时间参数、将 Sequence 重构为 TransitionSeries、修正因转场重叠导致的视频总时长，并给出常见的转场搭配模式与预览调整建议，适用于需要在 Remotion 视频中实现平滑场景切换的创作场景。
add-voiceover
add-voiceover 是 remotion-superpowers 技能集中的一项技能，用于为 Remotion 视频项目生成配音旁白并集成到合成中。它可根据脚本或视频主题撰写旁白文案，提供多种预设音色选择，通过 remotion-media 的 generate_speech 生成 TTS 音频，指导将 Audio 组件接入 Composition、按配音时长调整时长，并可选用 generate_subtitles 生成字幕及对背景音乐做闪避处理。
create-short
Create Short 是一个在 Remotion 中生成竖屏短视频（TikTok、Instagram Reels、YouTube Shorts）的制作流程技能。它固定采用 9:16、1080x1920 竖屏规格与 30fps，时长控制在 15–60 秒（推荐约 30 秒），强调黄金 2–3 秒开场钩子、强制逐词 TikTok 风格字幕、必须配背景音乐并标注情绪标签、2–5 秒快切节奏。流程分为六阶段：概念规划（钩子、正文、CTA 结构与旁白风格、音乐情绪、字幕样式）、用 remotion-media 生成旁白与配乐音频、检索竖屏素材或用 remotion-media 生成图像/视频、以垂直尺寸构建 Composition 与音轨/字幕层、用 Whisper 转写并配合 @remotion/captions 生成 TikTok 风格字幕、最后用 npm run dev 预览并以 npx remotion render 输出 H.264 视频。技能还给出竖屏排版字号与安全区建议及短视频制作最佳实践。