Agent Skills
› ArcReel/ArcReel
ArcReel/ArcReel
GitHub根据 Changelog 起草版本亮点,经用户确认后同步至 Changelog 和 GitHub Release,并提交推送到 main 分支。
Install All Skills
npx skills add ArcReel/ArcReel --all -g -y
Skills in Collection (68)
Showing top 50 of 68 by quality score. Use the install list command or open individual skills for the rest.
根据 Changelog 起草版本亮点,经用户确认后同步至 Changelog 和 GitHub Release,并提交推送到 main 分支。
需要为指定版本撰写发布亮点
确认版本亮点后需要同步到文档和仓库
npx skills add ArcReel/ArcReel --skill add-release-highlights -g -y
作为团队负责人,自动化执行 Spec 或零散 Issue 批次的无人值守开发流程。涵盖计划调度、多角色委派、串行 Stage 执行、代码审查与 QA 验收,直至合并或暂停。
需要批量处理多个关联或独立 Issue
指定 Spec ID 进行全链路自动化交付
要求对一批 Ready-for-agent Issue 进行无人值守开发
npx skills add ArcReel/ArcReel --skill afk-team-workflow -g -y
用于从零构建高质量动画的实现技能,遵循Emil Kowalski的设计哲学。通过判断是否应动、目的及工具选择,生成符合严格审查标准的代码实现。
请求创建新动画
为组件添加动态效果
构建界面过渡效果
npx skills add ArcReel/ArcReel --skill animate -g -y
将模糊的动画描述映射为精确的专业术语,辅助用户准确命名动效以便向AI或设计师提示。
询问特定动效的名称
描述视觉感受但不知术语
npx skills add ArcReel/ArcReel --skill animation-vocabulary -g -y
作为技能路由器,根据用户场景推荐合适的开发流程或独立技能。引导用户从想法到交付的主线路径,涵盖原型设计、需求规格化、任务拆分及测试驱动开发等编排环节。
需要选择适合当前任务的技能或工作流
希望了解不同开发阶段(如构思、实现、评审)的标准操作路径
npx skills add ArcReel/ArcReel --skill ask-matt -g -y
对代码变更进行双轴审查:检查是否符合编码规范及是否实现需求。通过并行子代理分别评估标准与规格,聚合结果后向用户报告,适用于PR或分支的代码审核场景。
用户请求审查代码变更
针对特定提交、分支或标签进行差异分析
npx skills add ArcReel/ArcReel --skill code-review -g -y
提供代码库设计术语与原则,定义模块、接口、深度等概念,旨在通过深层模块设计提升代码可测试性、AI导航能力及维护效率。
设计或改进模块接口
寻找代码深化机会
决定代码接缝位置
使代码更具可测试性或AI友好
npx skills add ArcReel/ArcReel --skill codebase-design -g -y
用于诊断复杂Bug和性能回归的技能。强调构建紧密的反馈循环,通过测试、脚本或二分法等手段快速定位问题根源,同时要求对敏感信息进行脱敏处理。
用户请求诊断Bug
报告系统故障或抛出异常
报告性能缓慢
npx skills add ArcReel/ArcReel --skill diagnosing-bugs -g -y
用于构建和精炼项目领域模型,通过挑战术语、澄清模糊语言、设计边界场景及代码交叉验证,动态更新 GLOSSARY.md 和 ADR,确保业务概念精确一致。
讨论代码库术语一致性
编写或编辑 GLOSSARY.md
记录或编辑架构决策记录 ADR
npx skills add ArcReel/ArcReel --skill domain-modeling -g -y
基于 Emil Kowalski 的设计工程哲学,提供 UI 打磨、组件设计、动画决策及细节优化的指导。核心在于通过训练出的品味和看不见的细节提升用户体验,强调美感作为产品差异化杠杆,并规范了 UI 代码审查的输出格式。
UI 界面设计与优化
前端组件交互与动画调整
UI 代码审查与重构建议
npx skills add ArcReel/ArcReel --skill emil-design-eng -g -y
用于扫描界面寻找值得添加动画的时机,依据频率和目的等规则提出精确的运动建议。仅报告不实现,旨在避免过度动画,提升用户体验。
询问哪些地方可以添加动画
希望界面感觉更生动
npx skills add ArcReel/ArcReel --skill find-animation-opportunities -g -y
提供独特、有意识的视觉设计指导,涵盖美学方向、排版与布局选择,避免模板化默认值。帮助构建具有鲜明个性、基于主题内容的 UI 设计,强调字体排印与结构信息的有机结合。
需要为前端界面制定独特视觉风格
优化现有 UI 的排版与布局以增强辨识度
避免生成式设计的通用默认外观
npx skills add ArcReel/ArcReel --skill frontend-design -g -y
通过追问和构建设计树,对用户计划或决策进行压力测试,直至达成共享理解。
用户希望压力测试想法
使用 'grill' 触发词
npx skills add ArcReel/ArcReel --skill grilling -g -y
将当前对话压缩为交接文档,保存至系统临时目录,供后续 Agent 接续工作。包含建议技能列表,引用而非重复现有工件,并脱敏敏感信息。
需要暂停任务并将上下文传递给其他 Agent
用户请求生成会话摘要以便后续继续
npx skills add ArcReel/ArcReel --skill handoff -g -y
基于规格说明书和工单任务图,协调多个子代理在集成分支上并行实现功能。涵盖代码探索、TDD开发、合并、代码审查及PR处理,旨在高效完成完整功能的编码与交付。
用户要求根据规格说明实现功能
提供工单列表并要求执行实施流程
需要自动化完成复杂功能的编码与测试
npx skills add ArcReel/ArcReel --skill implement-spec -g -y
根据规格或工单实现功能,支持获取工单详情、TDD开发、定期类型检查与测试,完成后执行代码审查并提交代码。
需要实现新功能或修复bug
提供需求规格说明或工单编号
npx skills add ArcReel/ArcReel --skill implement -g -y
作为高级动效顾问,只读分析代码库中的动画代码,产出优先级排序的审计报告及自包含实施计划。不修改源码,旨在为其他代理提供精确执行方案,提升应用动效体验。
用户要求改进动画
用户要求进行动效审计
希望获得应用流畅度优化的路线图
npx skills add ArcReel/ArcReel --skill improve-animations -g -y
扫描代码库以识别架构摩擦,通过视觉HTML报告展示重构机会,旨在提升模块深度、可测试性和AI导航能力。
需要分析代码库架构缺陷
希望获得模块化重构建议
npx skills add ArcReel/ArcReel --skill improve-codebase-architecture -g -y
根据任务性质选择Category,映射至对应的Harness、模型与effort。支持按类别和Review场景路由模型,并处理降级策略。
委派任务时选择模型
为方案或实现选择跨Harness审查者
npx skills add ArcReel/ArcReel --skill model-routing -g -y
用于PR AI审查收敛,判断问题成立性并执行根因修复,协调多轮反馈直至质量门通过。
用户或team-lead要求启动或继续PR审查修复循环
npx skills add ArcReel/ArcReel --skill pr-ai-review-loop -g -y
用于构建一次性原型以验证设计问题。根据需求分为逻辑模型验证(生成HTML状态机演示)和UI界面探索(生成多套界面变体)。遵循快速运行、无持久化、跳过打磨等规则,最终将有效决策合并至主代码。
用户需要验证状态模型或业务逻辑是否合理
用户希望探索或对比不同的UI设计方案
npx skills add ArcReel/ArcReel --skill prototype -g -y
React代码健康扫描工具,用于提交前检查、回归测试及全量清理。覆盖Lint、可访问性、性能与架构,生成0-100健康评分并提供修复建议。
完成功能或修复Bug后提交代码前
用户输入/doctor命令或要求扫描、分类、清理React诊断
npx skills add ArcReel/ArcReel --skill react-doctor -g -y
指导在接收代码审查反馈时,先验证再实施,避免盲目执行或表演性回复。强调技术严谨性,处理模糊反馈需澄清,区分内外评审来源,支持有理有据地推回错误建议,并按优先级有序修复。
收到代码审查反馈
审查意见模糊不清
审查建议存在技术风险
需要决定是否采纳外部评审意见
npx skills add ArcReel/ArcReel --skill receiving-code-review -g -y
启动后台代理调查问题,基于官方文档等一手来源收集信息并生成带引用的 Markdown 文件,适用于主题研究、文档或 API 事实收集等场景。
用户希望委托后台代理进行主题研究
需要收集文档或 API 事实
将阅读和调研工作委派给后台代理
npx skills add ArcReel/ArcReel --skill research -g -y
用于解决 Git merge 或 rebase 过程中的冲突。通过检查历史、理解变更意图来手动解决代码冲突,随后运行自动化检查(类型检查、测试、格式化)以修复潜在问题,最后完成提交或继续 rebase 流程。
Git merge 冲突
Git rebase 冲突
npx skills add ArcReel/ArcReel --skill resolving-merge-conflicts -g -y
基于 Emil Kowalski 设计理念的高级动画代码审查技能,严格评估运动代码的 Craft 标准,涵盖性能、交互逻辑及无障碍性,默认倾向于标记问题。
用户请求审查前端动画或运动效果代码
检查 UI 过渡、动效实现是否符合高工艺标准
npx skills add ArcReel/ArcReel --skill review-animations -g -y
用于初始化工程技能所需的仓库配置,包括设置问题追踪器、分类标签词汇和领域文档布局。通过探索仓库状态并与用户确认,完成 GitHub/GitLab/本地 Markdown 等场景的配置引导。
首次使用前需配置工程技能
需要初始化仓库的问题追踪或文档结构
npx skills add ArcReel/ArcReel --skill setup-matt-pocock-skills -g -y
管理 shadcn/ui 组件与项目,支持添加、搜索、修复、调试、样式调整及 UI 组合。提供上下文、文档和使用示例,适用于构建设计系统或应用品牌规范。
使用 shadcn CLI 添加或搜索组件
修复或调试 shadcn UI 问题
构建设计系统或应用品牌规范
初始化 shadcn 项目或使用 preset
npx skills add ArcReel/ArcReel --skill shadcn -g -y
提供系统化调试方法论,强调在修复前必须先定位根本原因。涵盖错误分析、复现、变更检查及多组件诊断,防止盲目修补,适用于各类技术故障排查。
遇到任何代码错误或异常行为
测试用例失败
生产环境出现Bug
性能问题或构建失败
npx skills add ArcReel/ArcReel --skill systematic-debugging -g -y
指导测试驱动开发(TDD)实践,涵盖红绿重构循环、良好测试标准、Seam选择及反模式规避。强调通过公共接口验证行为而非实现细节,确保测试具备可维护性和规范表达力。
用户希望以测试优先方式构建功能或修复bug
提及red-green-refactor流程
需要编写集成测试
npx skills add ArcReel/ArcReel --skill tdd -g -y
用于在多轮会话中系统性教授用户新技能或概念。通过维护教学目录结构(如课程、资源、学习记录)来跟踪学习状态,结合高质量资料与互动练习,帮助用户建立知识、技能与智慧。
用户请求学习新技能
用户希望深入理解某个概念
npx skills add ArcReel/ArcReel --skill teach -g -y
规范中文技术文档与产品文案的撰写、改写、校对及审阅流程,强调事实保真、术语统一、排版细节及可扫读性,适用于API说明、操作手册及界面文案等场景。
撰写或改写中文技术文档
校对或审阅产品文案
npx skills add ArcReel/ArcReel --skill tech-doc-style-chinese -g -y
将用户无法独立回答的决策转化为问卷,通过访谈明确收件人背景及所需信息,生成结构化的Markdown文档以填补知识缺口。
需要向他人收集特定信息或决策依据
用户缺乏某些上下文但对方拥有
npx skills add ArcReel/ArcReel --skill to-questionnaire -g -y
该技能用于将当前对话上下文和代码库理解综合为需求规格说明书,并直接发布到项目问题跟踪器。它禁止询问用户,而是基于已有信息进行合成,遵循特定模板生成包含问题陈述、解决方案、用户故事及测试决策的文档。
需要将讨论内容转化为正式需求规格
需要向项目issue tracker发布功能规范
npx skills add ArcReel/ArcReel --skill to-spec -g -y
将计划、规范或对话拆解为可追踪的垂直切片工单,定义依赖关系并发布至跟踪器。支持宽重构场景,辅助用户确认粒度与依赖后发布。
需要拆解开发任务
生成工单列表
规划迭代工作
npx skills add ArcReel/ArcReel --skill to-tickets -g -y
自动化管理项目Issue和PR的分诊流程,通过状态机进行归类、验证并生成Agent就绪简报,支持自然语言指令操作。
需要整理或筛选未处理的Issue/PR
询问哪些任务已准备好由Agent处理
指定将某个Issue或PR移动到特定状态
npx skills add ArcReel/ArcReel --skill triage -g -y
根据Git代码变动自动更新面向用户的文档。通过缺漏扫描发现未记录的新能力,通过事实核对修正过时内容,处理措辞修改、双语一致性核对及新能力写入,确保文档与代码同步。
用户要求更新文档
检测到新的代码提交或功能变更
npx skills add ArcReel/ArcReel --skill update-docs -g -y
基于Vercel工程的React和Next.js性能优化指南,涵盖消除瀑布流、Bundle优化等70条规则。用于指导代码编写、审查与重构,确保高性能模式。
编写新的React组件或Next.js页面
实现数据获取逻辑
审查代码以发现性能问题
重构现有React/Next.js代码
优化Bundle大小或加载速度
npx skills add ArcReel/ArcReel --skill vercel-react-best-practices -g -y
当对话上下文丢失或理解困难时,要求对方重新阐述,使用简化技术英语并遵循项目术语表以澄清意图。
对话上下文缺失
对当前进展不理解
npx skills add ArcReel/ArcReel --skill wait-what -g -y
用于规划大型复杂任务的技能,通过创建共享地图和决策工单逐步理清路径。默认侧重规划而非执行,适用于需求模糊、超出单次会话范围的工作场景。
任务规模过大无法在一次会话中完成
目标不明确需要逐步拆解和决策
需要将模糊想法转化为清晰的执行路线图
npx skills add ArcReel/ArcReel --skill wayfinder -g -y
审查Web界面代码是否符合设计规范,支持UI、可访问性及UX审计。通过获取最新指南并比对文件,输出具体违规位置。
review my UI
check accessibility
audit design
review UX
npx skills add ArcReel/ArcReel --skill web-design-guidelines -g -y
生成交互式bash向导脚本,引导用户完成手动且繁琐的操作,如基础设施配置、凭证设置或一次性迁移。通过分步指引和确认机制,捕获并保存用户输入的值至.env或密钥中。
需要引导人类完成手动步骤的场景
配置基础设施或设置凭据/CI密钥
执行一次性数据迁移或系统切换
npx skills add ArcReel/ArcReel --skill wizard -g -y
提供编写 Agent 文档(如 Skill、AGENTS.md)的指南,涵盖上下文指针优化、加载成本管理及信息层级结构,旨在提升 Agent 对文档的解析效率与触发可靠性。
创建或编辑 Agent 技能描述
修改 AGENTS.md 或 CLAUDE.md 文件
优化 Agent 提示词工程
npx skills add ArcReel/ArcReel --skill writing-for-agents -g -y
提供编写高质量 Agent Skill 的指南,强调通过预测性确保确定性。涵盖模型调用与用户调用的权衡、描述写作原则及信息层级结构,旨在提升技能的可控性与执行效率。
需要编写或优化 Agent Skill 文件
询问 Skill 的最佳实践与设计原则
理解模型调用与用户调用的区别
npx skills add ArcReel/ArcReel --skill writing-great-skills -g -y
自动化将 ArcReel 文档源翻译为英文并刷新锁文件。通过发现差异、加载术语库,执行缺失创建、陈旧对齐等操作,确保多语言文档一致性与准确性。
需要批量同步或更新项目英文文档时
处理文档翻译的遗漏、陈旧或孤立条目时
npx skills add ArcReel/ArcReel --skill translate-docs -g -y
用于将采用JSON提交后轮询协议的视频或图片供应商接入ArcReel。通过读取文档、编写定义、运行验证脚本及真实测试连接,确保自定义调用端点正确配置并保存。
用户要求接入新的视频或图片供应商
需要编写、验证或测试自定义调用端点定义
npx skills add ArcReel/ArcReel --skill adapt-custom-endpoint -g -y
将已生成的视频片段按剧本顺序拼接为单集成片,支持混入BGM及场景转场。仅适用于scenes[]骨架的剧本,通过ffmpeg实现音视频处理与导出。
拼成片
合成本集视频
加背景音乐
npx skills add ArcReel/ArcReel --skill compose-video -g -y
用于视频剪辑任务,管理时间线、审阅素材、执行片段调整及导出成片。支持按编号修改、配BGM、处理旁白冲突及生成剪映草稿,通过MCP工具闭环完成剪辑流程。
用户要求剪辑视频或出成片
用户提出片段修改意见(如某段太拖)
要求配BGM或导出剪映草稿
需要复制或重命名剪辑时间线
npx skills add ArcReel/ArcReel --skill edit-video -g -y
用于为视频项目生成角色、场景、道具及商品资产图。支持自动扫描待生成资源,调用后端服务生成图像,并引入审图子智能体进行质量审核与反馈,确保视觉一致性。
用户请求生成特定类型资产(如角色图、场景图)
检测到资产缺少 *_sheet 或状态为 missing
npx skills add ArcReel/ArcReel --skill generate-assets -g -y
用于生成宫格分镜图。自动按段落分组生成联合图,经用户审阅同意后切分为独立分镜,支持补缺、重做及状态预览,适用于故事板装配流程。
生成宫格
宫格生图
用宫格装配生成分镜
npx skills add ArcReel/ArcReel --skill generate-grid -g -y


