studio-design-design-system-from-code
用于已有产品代码库时，从代码中逆向提取隐式设计系统，生成符合 Google DESIGN.md 格式的 docs/DESIGN.md。记录代码真实使用的颜色、字体、间距与圆角，识别内部不一致并由用户确认归一值。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-06 00:14
设计与创作
22,108 个结果
studio-design-identity-creator
该技能在已有 docs/PRODUCT.md 的前提下，引导创始人用文字完成最小可行品牌：锁定名称、世界观、逆向信念、语气与视觉风格五项决策并汇总为品牌卡。不在此环节决定颜色、字体与设计令牌。
studio-design-magic-moment
帮助有完整 docs/PRODUCT.md 的创始人识别产品“魔法时刻”（用户意识到产品值得保留的瞬间），输出 productos/design/2-Magic-Moment.md，含三个有证据支撑的候选魔法时刻与一个主推荐。
studio-design-onboarding-flow
该技能在用户已有 PRODUCT.md、Product Identity 与 Magic Moment 假设后，引导创始人逐屏设计新用户引导流程，并同步产出 Markdown 规格与可点击 HTML 线框图。
studio-design-prompt-generator
该技能在已有产品标识与设计系统文档后，生成三份可直接粘贴到 AI 设计工具的提示词：一份完整 UI 设计系统组件集，加两份优先界面，并将品牌上下文嵌入每份提示词，输出到 productos/design/Design-Prompts.md。
studio-develop-design-better
为编码智能体提供设计质量层，在生成或审查产品 UI 时应用 UX/UI 启发式规则。依赖 docs/DESIGN.md 中的设计令牌，覆盖层级、表单、状态、动效、无障碍与 AI 产品模式，交付前有检查清单。
studio-develop-design-review
该技能在包含产品的代码仓库中运行，依据 docs/DESIGN.md 对未提交的 UI 改动做设计系统一致性评审，生成带时间戳的报告文件，内含不一致项、新模式与已对齐项三类清单及修复清单。
app-teardown
App Teardown 是一个用于产品拆解与评审的技能：在本地运行应用仓库后，实际截图每个屏幕与关键状态，评估每个屏幕和流程在 UX、转化（Conversion）、留存（Retention）和产品（Product）四个维度上的表现，用截图作为证据提出具体问题与改进建议。它不会修改应用代码，只读、运行、截图和输出报告，所有结果写入 docs/teardown/。适合希望系统性审视应用体验、识别转化与留存瓶颈、获得可执行修改建议的产品和设计团队。
classify-media-relevance
该技能用于判断发布页面中的图片或视频属于编辑内容（截图、演示、图表、产品图）还是站点装饰（头像、徽标等），输出每项媒体保留或丢弃的JSON判定，目标是宁可少留也不错留。
busa-demo-video-factory
Busa Demo Video Factory 是一个用于端到端规划、校验和跟踪产品演示/营销视频制作的技能：从创意、钩子、痛点到分镜脚本，对照真实代码库验证产品声明，跟踪每个镜头的录制进度，并交接给后期制作或 Remotion（HyperFrame）。
image-gen
image-gen 是一个通过 AI 模型（如 Stable Diffusion 等）生成图片的技能，来源为 bussgrowwithlucky-crypto/openclaw-skill-image-gen。它提供 shell 与 Python 两种调用方式，可安装到 OpenClaw 技能目录并通过配置文件调整行为。
ux-design-guide
一个基于 99+ 条 UX 准则的界面评审与实现指导技能，可审查现有 UI 代码或截图找出违规点，也能为新建组件提供规范建议，覆盖导航、布局、交互、无障碍、表单、性能、视觉反馈等领域。
dashboard
这是一个与具体工具无关的仪表盘设计与评审技能，用于规划、构建和批评信息丰富、诚实、可访问且视觉精致的仪表盘。内容从目的与受众出发，先确定仪表盘类型，再选择指标、编码方式、图表形式、布局层级、配色、文字与数字格式，兼顾数据诚实性、上下文与不确定性展示、元数据与信任、交互、可访问性和视觉美感，并覆盖运维监控、移动小屏、评估维护及常见误区与评审清单。
gemini-omni-video-to-sticker-gif
该技能用于将视频片段裁剪、缩放、变速并生成 GIF 动态表情，支持在截图上叠加像素坐标刻度辅助定位裁剪区域。依赖 ffmpeg 与 ffprobe，需通过命令行脚本运行，适合制作微信表情包等动图场景。
extension-twilio-messaging
twilio-client 的 Motoko 绑定包，覆盖 Twilio 消息类接口：发送 SMS/MMS、配置 Messaging Service、A2P 10DLC 品牌与活动注册、号码购买与管理等。
chalk-logic
Chalk Logic 是一个用于创作“粉笔逻辑”概念插画的技能：把单一想法转化为绿色黑板上安静的白粉笔命题画面，适合无字、非图表的编辑类粉笔构图。在具备图像生成与检查能力时默认渲染图像，否则返回编译好的提示词与配方。
component-designer
用于设计单个模块组件的技能：通过交互提问确定组件类型与细节，参考核心实现模式，生成 architecture/组件名.md 设计文档，并在 architecture/main.md 中登记该组件。
guide-integrator
Guide Integrator 是一个用于功能设计阶段的技能：按关键词加载插件内置方法论参考、在线 Drupal 开发指南，并可选加载用户自定义指南，最终把适用模式与执行要点写入架构文档。
implement
implement 是 camoa/claude-skills 中的实现阶段技能，用于任务设计定稿后按工作订单逐个构建：冻结契约与订单快照、确认仓库可运行测试、为单个订单编写并冻结测试、编写代码通过八项检查、审查差异并修复，最后完成任务并交给审查阶段。
hyperframes-card-news
Instagram 卡片新闻专用技能：用 HTML + GSAP 制作 1:1（1080×1080）或 4:5（1080×1350）移动端滑动卡片新闻，输出静态总览页与同比例 mp4 视频，含 photo-cover、video-cover、stat、image-feature 四种模板。
hyperframes-card-news-fomo-image-direction
这是一个用于规划或替换 AI 新闻 Instagram 卡片新闻封面与主图的辅助技能，帮助制作 FOMO 与钩子类图片，避免通用 AI 图像，并把时效、损失、稀缺、竞争、社会证明转译为具体视觉隐喻。
hyperframes-card-news-work-image-feature
HyperFrames 卡片新闻的 image-feature 卡片专用技能，用于以图片或海报为中心的说明型卡片：模糊/渐变背景、大标题与 2-3 段短文。属于 hyperframes-card-news 允许的 4 个模板之一。
hyperframes-card-news-work-photo-cover
HyperFrames 卡片新闻的 photo-cover 专用技能，用于制作或修改以整幅照片为背景、叠加品牌/来源黑色标签框、底部黑色渐变与两行大标题的开场或收尾卡片。
hyperframes-card-news-work-stat
HyperFrames 卡片新闻中的 stat 统计卡专用技能，用于以单个大数字突出 KPI、年份、数量、比例等指标。它是 hyperframes-card-news 四个允许模板中 stat 模板的权威来源，要求一张卡只承载一个数字。