ui-design
这是一套协调 Stitch 与 pen.dev 进行 UI 设计的流程规范,用于在既有前端中做基于源码的设计系统提取、界面探索、视觉打磨与实现,并强调保留仓库既有的视觉体系、实现栈与验收标准。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 11-05 00:16
22,053 个结果
这是一套协调 Stitch 与 pen.dev 进行 UI 设计的流程规范,用于在既有前端中做基于源码的设计系统提取、界面探索、视觉打磨与实现,并强调保留仓库既有的视觉体系、实现栈与验收标准。
为 Anomalib 添加新异常检测模型的开发指南:模型放在 src/anomalib/models/image/ 或 video/ 下,需实现 AnomalibModule 子类、注册导出并补单元测试,最终可通过 get_model 与 CLI 调用。
用于 Figma 与 Open Mercato 设计系统(@open-mercato/ui)协作的双模式技能:MODE A 为新页面生成符合设计系统的 Figma 设计简报,MODE B 审计已有设计并给出整改方案,确保设计稿可直接落地为代码而不偏离设计系统。
Open Mercato 仓库本地扩展技能,用于从 PR 生成后续跟踪 Issue。它在共享 om-followup-issue-from-pr 工作流基础上补充了本仓库的规格检测规则与跟踪 Issue 模板要求。
用于分阶段生成并核验 Fusion 导出物的技能:绘制 PDF、平面展开 DXF、视口图像与本地渲染,面向工程交付物而非自动发布。
来自 openai/community-plugins 的技能,用于在已授权前提下准备、执行并验证 Fusion CAD 变更:基于已解析实体、明确单位与状态绑定计划,适用于经审阅的参数、草图等操作。
只读检查显式 Fusion 设计的技能:在不编辑模型的前提下查看参数、几何、引用、配置与健康状况,用于理解模型或工程核查。
用于配置与诊断 Autodesk Fusion 互操作性的技能:处理传输方式选择、作用域配置与资格验证,适用于安装或连接排查,不用于设计编辑。
面向 Expo Router 的原生 UI 构建指南,覆盖基础、样式、组件、导航、动画、模式与原生标签页,并提供动画、控件、表单弹层、图标、媒体、路由、搜索、存储、工具栏、视觉效果及 3D 图形等参考文档。
faceless-channel 是面向无露脸、旁白驱动视频的频道生产技能,覆盖儿童、历史、解说、图画故事、童话神话五类频道,统一走运动片段或静帧管线,输出单个成片文件。
HyperFrames CLI 是用于创建和渲染 HTML 视频合成(composition)的命令行工具,所有操作通过 npx hyperframes 调用,需 Node.js 22 及以上与 FFmpeg。支持初始化脚手架、代码检查、可视化检查、预览、渲染、转写与文本转语音。
Remotion 字幕技能,用于转写、显示和动画化视频字幕。字幕统一使用 @remotion/captions 的 Caption 类型,支持从音视频转写生成字幕、在视频中显示字幕,以及从 .srt 文件导入字幕。
Remotion 视频创建技能,用于搭建新的 Remotion 项目并编写视频合成。包含脚手架命令、React 标记与布局规范、多场景与交互性建议、TailwindCSS 支持、预览服务器启动及按需渲染流程。
Remotion 交互式标记编写技能:通过特定的 Remotion 代码结构,让 Remotion Studio 识别并交互编辑元素,支持选中、拖拽、缩放、旋转、编辑 CSS 样式、关键帧与缓动。
Remotion Maps 是 Remotion 生态中用于地图动画的知识技能,帮助开发者在视频中实现地图相关的动画效果。该技能提供多种可选技术方案,包括静态地图、Mapbox、MapLibre、MapTiler 和 CesiumJS,每种方案各有特点:静态地图需自行获取卫星图像并通过 <Img> 标签挂载后在图层上做动画;Mapbox 需要 API key,默认样式更精美,缩小时可显示圆形地球,并包含埃菲尔铁塔等 3D 建筑;MapLibre 无需 API key、完全免费,但不包含 3D 建筑;MapTiler 支持在地理要素(边界、河流、标签)之上绘制标注;CesiumJS 支持穿越地形与山脉的飞行漫游,呈现“飞行模拟器”视角。使用时需根据目标镜头从上述技术中精确选择一种,然后仅加载该技术对应的 TECHNIQUE.md 文档。每个技术目录都是自包含的,可单独移除而不影响其他技术。
Remotion React 标记编写指南,讲解如何用 useCurrentFrame() 与 interpolate() 驱动动画、组织场景结构、引用素材与媒体组件,并说明延迟、裁剪、转场、特效等主题的参考文档与常用命令。
该技能介绍如何在浏览器环境中使用 Mediabunny 多媒体库处理音频与视频,主要面向 Remotion 项目中的多媒体元数据读取需求。Mediabunny 是一个用于在浏览器中处理音视频的多媒体库,官方能力概览见 https://mediabunny.dev/llms.txt。该技能文档目前包含三个子主题:获取音频时长(get-audio-duration.md,以秒为单位)、获取视频尺寸(get-video-dimensions.md,读取视频文件的宽度和高度)、获取视频时长(get-video-duration.md,以秒为单位)。除此之外的具体功能、安装方式、代码示例和平台支持等细节暂未提供。
remotion-render 是一个用于导出 Remotion 视频的渲染技能,通过命令行调用 Remotion CLI 完成视频或静帧输出,支持使用 npx remotion render 渲染视频、npx remotion still 渲染静帧,并可参考官方文档了解完整选项与透明视频渲染。
Remotion Studio 的预览技能,用于启动 Remotion 视频的本地预览界面。通过 npx remotion studio --no-open 命令运行,会打印可访问的 URL,供在浏览器中查看视频项目。
把字幕烧录到成片视频,或在无人物视频合成时配置 Whisper 定时的字幕烧录。输入视频/音频生成任务,输出带字幕的同一视频与 .srt 文件。
该技能用于审查 UI 代码是否符合 Web Interface Guidelines(Web 界面指南)。当用户提出「review my UI」「check accessibility」「audit design」「review UX」「check my site」等请求时使用。其工作方式为:先从指定源 URL 获取最新版指南,再读取用户指定的文件(或询问文件/匹配模式),随后对照获取到的全部规则逐条检查,最后以简洁的 file:line 格式输出发现的问题。指南源为 https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md,每次审查前都会重新抓取,以确保使用最新规则,抓取内容包含全部规则及输出格式说明。使用时,若用户提供了文件或匹配模式参数,则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果;若未指定文件,则询问用户需要审查哪些文件。
proof-video 是 ClawHub 的浏览器证据录制技能:在真实浏览器中捕获、剪辑并检查 UI 行为,生成带字幕、局部缩放和前后对比的证明视频与截图,可直接附加到 GitHub PR,用于验证并披露功能改动。
该条目是一组文生图系列提示词集合,用途是先批量生成图片,再通过筛选与策展挑出最佳结果。资料未提供具体提示词内容、模型、平台或参数。
面向UX研究与设计验证的智能体技能,涵盖研究规划、参与者招募、用户访谈、画像构建、旅程地图与可用性测试等完整方法论,无需脚本、API或依赖,以纯技能方式提供模板与决策指引。