Agent Skills
› corvo007/MioSub
corvo007/MioSub
GitHub协助将创意转化为完整设计，通过逐步提问澄清需求，提供多种方案权衡，并以小段落形式展示架构、组件等设计细节，最终输出文档。
Install All Skills
npx skills add corvo007/MioSub --all -g -y
Skills in Collection (29)
协助将创意转化为完整设计，通过逐步提问澄清需求，提供多种方案权衡，并以小段落形式展示架构、组件等设计细节，最终输出文档。
创建新功能或组件前
修改现有行为逻辑前
需要明确用户意图和设计规格时
npx skills add corvo007/MioSub --skill brainstorming -g -y
专注撰写、改写和优化营销文案（如首页、落地页等），遵循转化原则，强调清晰性、利益点及客户语言，以提升页面转化效果。
用户需要为网页撰写或改进营销文案
用户请求优化标题或CTA文案
涉及homepage, landing pages, pricing pages等页面的内容创作
npx skills add corvo007/MioSub --skill copywriting -g -y
用于并行分发多个独立任务的智能体，通过并发处理无依赖的故障或测试失败，提升排查效率。
存在多个独立的测试文件失败
多个子系统出现互不相关的故障
任务间无共享状态且可并行执行
npx skills add corvo007/MioSub --skill dispatching-parallel-agents -g -y
用于按批次执行已审核的实现计划，每批完成后暂停并等待人类反馈，确保开发过程受控且可审查。
需要执行书面实现计划
按批次执行任务并等待审查
npx skills add corvo007/MioSub --skill executing-plans -g -y
用于开发分支完成阶段，验证测试后提供合并、创建PR、保留或丢弃等结构化选项，并执行相应Git操作及清理工作。
实现已完成且测试通过
需要决定如何集成开发工作
npx skills add corvo007/MioSub --skill finishing-a-development-branch -g -y
指导创建独特且生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面、应用或UI美化，强调大胆的美学方向和精细的代码实现。
用户要求构建网站、着陆页或仪表板
需要生成React组件或HTML/CSS布局
请求对现有Web UI进行样式美化
npx skills add corvo007/MioSub --skill frontend-design -g -y
指导在接收代码审查反馈时，先验证再执行，避免盲目接受。强调技术严谨性，通过澄清、评估和测试来正确处理模糊或错误的建议，并决定何时提出异议。
收到代码审查反馈
需要处理审查意见但不确定其正确性或清晰度
npx skills add corvo007/MioSub --skill receiving-code-review -g -y
用于在完成任务、实现重大功能或合并前触发代码审查，通过调度子代理检查潜在问题，确保工作符合需求并提升代码质量。
完成子代理驱动开发中的每个任务后
实现主要功能后
合并到主分支前
npx skills add corvo007/MioSub --skill requesting-code-review -g -y
用于在当前会话中执行包含独立任务的实现计划。通过为每个任务分发独立的子代理，并在每步实施后进行规范合规性与代码质量的两阶段审查，实现高质量、快速迭代的开发流程。
拥有明确的实现计划
任务之间相互独立
需要在当前会话内完成执行
npx skills add corvo007/MioSub --skill subagent-driven-development -g -y
提供系统化调试方法论，强调在修复前必须深入调查根本原因。涵盖错误分析、复现验证、变更检查及多组件诊断流程，防止盲目打补丁，适用于各类技术故障排查场景。
遇到代码Bug或测试失败
出现非预期行为或性能问题
构建或集成失败
npx skills add corvo007/MioSub --skill systematic-debugging -g -y
指导遵循测试驱动开发(TDD)原则，严格执行先写失败测试、再写最小代码通过、最后重构的流程。适用于新功能、修复和重构场景，强调必须见证测试失败以确保正确性。
实现新功能
修复Bug
重构代码
npx skills add corvo007/MioSub --skill test-driven-development -g -y
用于在开发新功能时创建隔离的 Git worktree，支持智能目录选择、安全验证及自动环境配置，确保多分支并行开发互不干扰。
需要隔离工作区进行功能开发
执行实现计划前需创建独立分支
npx skills add corvo007/MioSub --skill using-git-worktrees -g -y
定义Agent启动对话时必须优先检查并调用相关Skill的规则，强调在回答或澄清前必须评估技能适用性，确保遵循标准化流程。
开始新对话
需要确认是否应使用特定技能
npx skills add corvo007/MioSub --skill using-superpowers -g -y
提供 React 和 Next.js 性能优化指南，涵盖消除数据瀑布、包体积优化及渲染性能等规则。适用于编写、审查或重构前端代码以提升应用性能。
React/Next.js 组件开发
前端代码性能审查
数据获取逻辑实现
前端代码重构与优化
npx skills add corvo007/MioSub --skill vercel-react-best-practices -g -y
强制在声称工作完成或修复前运行验证命令并提供证据，禁止无验证断言。适用于测试、构建、Lint检查及Bug修复等场景，确保结果真实可靠。
准备提交代码或创建PR前
声称任务已完成或已修复时
需要确认测试或构建通过时
npx skills add corvo007/MioSub --skill verification-before-completion -g -y
用于审查前端UI代码是否符合Web界面指南，支持检查无障碍性、UX和设计合规性。通过动态获取最新规则并比对文件内容，输出具体的违规行号与发现。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add corvo007/MioSub --skill web-design-guidelines -g -y
用于在编码前将需求转化为详细的TDD实施计划，包含文件路径、代码及测试步骤。
用户有明确的多步任务规格说明或需求文档
准备开始新功能开发前的规划阶段
npx skills add corvo007/MioSub --skill writing-plans -g -y
将TDD应用于技能文档编写，通过压力测试验证Agent行为，确保技能有效并关闭漏洞。用于创建、编辑或验证技能。
创建新技能
编辑现有技能
部署前验证技能
npx skills add corvo007/MioSub --skill writing-skills -g -y
专注营销文案创作与优化的专家技能，涵盖首页、落地页等页面的标题、CTA及正文撰写。强调清晰性、利益点导向和客户语言，旨在提升转化率并驱动用户行动。
write copy for
improve this copy
rewrite this page
marketing copy
headline help
CTA copy
npx skills add corvo007/MioSub --skill copywriting -g -y
用于构建具有独特设计风格的生产级前端界面，涵盖网页、组件及应用。强调避免通用AI美学，通过大胆的色彩、排版和动效设计，生成高质量、美观且功能完整的代码。
创建网站或着陆页
开发React/Vue组件
美化Web UI界面
设计仪表盘或海报
npx skills add corvo007/MioSub --skill frontend-design -g -y
提供Vercel工程团队的React和Next.js性能优化指南，涵盖消除瀑布流、包体积优化等57条规则。用于指导新代码编写、代码审查及重构，确保应用性能最优。
编写新的React组件或Next.js页面
进行代码审查以发现性能问题
重构现有React/Next.js代码
实施数据获取逻辑
优化包大小或加载时间
npx skills add corvo007/MioSub --skill vercel-react-best-practices -g -y
用于审查UI代码是否符合Web界面指南，支持访问性、UX审计及最佳实践检查。通过动态获取最新规则并比对指定文件，输出简洁的违规位置报告。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add corvo007/MioSub --skill web-design-guidelines -g -y
专用于撰写、重写和优化营销文案（如首页、落地页、定价页等）的专家级技能，遵循转化原则，强调清晰性、利益点及客户语言。
用户要求撰写或改进营销文案
涉及首页、落地页、定价页等页面内容优化
请求标题或CTA文案帮助
npx skills add corvo007/MioSub --skill copywriting -g -y
提供 Electron 主进程开发规范，涵盖 IPC 处理、预加载脚本、原生集成及文件系统操作。强调安全配置与通信模式，确保跨进程交互的稳定性与安全性。
创建或修改 IPC 处理器
编写预加载脚本
集成原生工具如 ffmpeg 或 whisper
实现桌面端特有功能
npx skills add corvo007/MioSub --skill electron-dev -g -y
提供React/TypeScript组件开发规范，涵盖架构、TailwindCSS样式、状态管理及性能优化。适用于创建页面、模态框及表单等前端任务。
创建或修改React组件
构建页面或表单
使用TailwindCSS进行样式设计
npx skills add corvo007/MioSub --skill react-component-dev -g -y
指导新版本发布流程，包括版本检查、提交分组、Changelog生成与双语更新、打标签及GitHub CI监控。
发布新版本
release
发版
npx skills add corvo007/MioSub --skill release-version -g -y
提供React和Next.js性能优化指南，涵盖消除数据瀑布、打包体积优化及服务端渲染等57条规则。用于编写、审查或重构代码时确保最佳性能实践。
编写新的React组件或Next.js页面
实施客户端或服务端数据获取
审查代码以发现性能问题
重构现有React/Next.js代码
优化打包体积或加载时间
npx skills add corvo007/MioSub --skill vercel-react-best-practices -g -y
用于规划软件产品宣传视频的工作流，涵盖风格选择、内容结构、脚本撰写及标题缩略图设计，针对B站和YouTube平台提供数据驱动的优化建议。
视频宣传
promotional video
B站视频
YouTube video
产品演示视频
npx skills add corvo007/MioSub --skill video-promo-planning -g -y
该技能用于审查Web界面代码是否符合设计规范与最佳实践。通过抓取最新指南，检查指定文件，并输出简洁的违规位置报告，适用于UI审查、无障碍检查和UX审计场景。
审查UI代码合规性
检查无障碍访问性
设计审计
UX审查
网站最佳实践检查
npx skills add corvo007/MioSub --skill web-design-guidelines -g -y
