prototype-to-figma-skill
将 Claude Code 原型转换为结构化 Figma 设计文件的技能:拆解交互流程为逐状态画框,映射设计系统组件,并在 Figma 中标注触发器、转场和边界情况。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-24 00:15
20,696 个结果
将 Claude Code 原型转换为结构化 Figma 设计文件的技能:拆解交互流程为逐状态画框,映射设计系统组件,并在 Figma 中标注触发器、转场和边界情况。
Remotion 地图动画知识技能,提供静态地图、Mapbox、MapLibre、MapTiler、CesiumJS 五种地图动画技术方案,按镜头需求选择其一并加载对应 TECHNIQUE.md。
Remotion 的 remotion-multimedia 技能,用于在浏览器中借助多媒体库 Mediabunny 处理音频和视频,可获取音频时长、视频尺寸和视频时长等媒体信息。
Design System Builder 是一个面向 AI 编程代理的设计系统生成技能:从风格描述、截图、Figma 链接或混合输入出发,产出可供人和 AI 消费的完整设计系统,包含设计令牌 JSON、CSS 变量文件、规范文档和 HTML 预览页。
该技能用于让 Flutter 应用按项目自有设计系统实现界面,而不是沿用默认 Material 3 / Cupertino 外观。它先检测仓库中已有的 ThemeExtension、context 访问器、*tokens* / *theme* / DESIGN-SYSTEM.md 文件以及 *Pressable 组件,再要求所有颜色、字体、间距、圆角与动效都通过 token 使用,禁止在组件中写死十六进制颜色或魔法数值;点击交互统一走自有 Pressable(缩放/下沉、NoSplash、焦点环、语义)。适用于已有品牌设计系统、需保持 1:1 还原且避免默认 Flutter Material 观感的项目。
video-understand 是一个用于视频项目的前置技能,目的是在处理视频之前建立可复用的证据层,把媒体元数据、词级转录、客观语音分析和有证据支持的语义理解一次性生成并校验,供下游的剪辑、切片、加字幕等技能共享同一份时间线与证据。它会从原始素材初始化项目,要求 ffmpeg/ffprobe、Python 和 faster-whisper 作为依赖,先检查再处理媒体。工作流包括:用 init_project.py 从源视频建立项目目录与 project.json、媒体事实、身份时间线;必要时用 probe.py 刷新媒体元数据;用 ffmpeg 提取 16 kHz 单声道音频并用 transcribe.py 转录(可指定语言或自动识别);用 analyze.py 生成客观指标与语义候选;人工阅读素材、转录和分析后撰写 understanding.json,记录事实性摘要、源时间范围、置信度和转录证据;最后用 validate.py 校验。审阅产物包括 video-summary.md、transcript.srt 和 contact-sheet.jpg。所有持久机器文件放在 work/understand/,缓存放在 work/cache/。
video-script 是 zenstory-ai/video-recap-skills 中负责影视解说导演、剪辑策划与带时间戳中文旁白写作校验的技能:先按创作控制模式制定故事方案与声音分工,再写 narration.json,并用本地 validate.py 与可选的联网 review.py 做校验。
用于生成可编辑 Excalidraw 图表的技能:先澄清需求,必要时核实技术准确性,规划布局后生成元素,保存为 .excalidraw 文件并附完整 JSON,供用户在 excalidraw.com 打开、粘贴和继续编辑。
design-taste 是一套面向前端 UI 的资深设计师判断力技能,框架无关,适用于 React、HTML/CSS、Framer 及各类 Web 组件,帮助界面摆脱模板化与 AI 生成感。
该技能使用 @dnd-kit 构建看板拖拽功能,支持卡片跨列移动、自定义碰撞检测、光标跟随覆盖层与流畅动画反馈。适用于需要实现高质量看板交互的前端开发场景,安装命令为 bun add @dnd-kit/core @dnd-kit/modifiers @dnd-kit/utilities。
基于 DashScope 万相(Wan)2.7 图像模型的图像生成与编辑技能,支持文生图、图像编辑、交互式编辑、多图序列生成、调色板控制与思考模式,使用 wan2.7-image 与 wan2.7-image-pro 两个模型。
面向中国大陆求职场景的中文简历与JD优化技能:把目标岗位JD要求映射到用户可验证的真实经历,输出定制简历、ATS纯文本版、HR摘要、Boss直聘开场白与猎头话术、面试追问及风险提示。坚持不编造经历,信息不足时先追问。
一套用于设计“深度模块”的共享词汇与原则:用小接口承载大量行为,把 seam 放在合适位置,让代码更可测试、更易被 AI 导航。适用于设计或改进模块接口、寻找深化机会、决定 seam 位置,以及需要统一深度模块术语的场景。
Figma Capture 是一个技能,用于把本地已渲染网页或应用界面通过官方 html-to-design 的 capture.js 流程复制到剪贴板,再粘贴进 Figma。默认使用剪贴板模式,可指定 URL 或 CSS 选择器,也可在项目中加入仅开发环境使用的捕获按钮。
Landing Page Optimizer 是一个用于提升落地页转化率的技能,通过文案、设计与用户体验优化,系统审查页面各要素并给出优先级建议与测试策略,面向营销、增长与产品团队。
面向复杂软件架构设计、评审与文档化的技能,可做系统现状勘察、C4 建模、架构决策记录(ADR)、模式应用与技术评审,并按四阶段流程输出架构文档。
TVC广告创意导演技能,将产品brief转化为Nano Banana Pro关键帧提示词与Seedance/即梦Multi-Phase视频提示词,覆盖创意提案、视觉定调、前期筹备、分镜与拍摄全流程,专注电视广告与品牌视觉创作。
面向用户界面的设计与客户体验技能,负责维护 docs/design.md 作为应用 UX 事实来源,从代码中盘点应用界面,并直接在当轮实现 UI 代码,适用于应用路由与界面的设计与实现。
Engram 界面视觉语言规则,用于仪表盘的样式、排版、间距与视觉识别调整,确保界面呈现 Engram 自身风格而非通用 SaaS 后台。
Agent-Media UGC Video 是一个生成 UGC 口播短视频的工具,提供一段脚本(可任意长度)以及可选的人物描述、照片或已保存角色,即可自动选择管线、镜头数与时长,直接输出带字幕(可选)的竖屏成品视频。
用于设计带时间衰减、权重与治理机制的多来源意图评分模型,帮助审计账户为何升降级或被抑制,并向 RevOps、销售与合规方说明评分逻辑。
claude-db 的 M0 引擎选型模块:根据项目数据、访问模式与规模,推荐合适的数据库引擎并与 Postgres 等默认方案对比,给出起步数据模型和范式感知示意图,可选生成 Prisma/Drizzle/SQL 迁移脚手架。
该技能是一个 METHOD_LAB/历史 episode 专用动画编排器,用于历史 episode 的渲染恢复与双渲染器对照验证。根据资料,自 2026-07-16 起该技能仅保留 METHOD_LAB/历史兼容用途,默认的 CODEX_DIRECT 生产流程不再使用本技能;只有当用户明确要求旧 AST、Remotion/HyperFrames 对照,或恢复历史 episode 时才会启用。它执行已经做出的导演决策,不重新决定哪些内容需要动画。其工作流围绕读取 episode 的剪辑、字幕、导演 AST 与 brief 等输入文件,生成 renderer handoff,编写并验证 renderer proposal 与 extension,创建并封存 renderer workspace,渲染 base 与 candidate,生成 QA 证据与渲染清单,并在审阅通过后产出 final.mp4。该技能支持 Remotion 与 HyperFrames 两种 renderer,强调确定性渲染、字幕安全区、素材 SHA-256 校验与 viewer verdict 门槛。
帮助创意岗位(设计、营销、写作等)在简历视觉设计与 ATS 兼容之间取得平衡的技能,提供双版本策略与设计执行建议。