Agent Skills
› zhukunpenglinyutong/desktop-cc-gui
zhukunpenglinyutong/desktop-cc-gui
GitHub在编码前自动发现并注入项目特定规范。通过读取spec索引、开发前检查清单及共享指南，确保遵循代码标准与模式，适用于新任务启动或切换模块时。
Install All Skills
npx skills add zhukunpenglinyutong/desktop-cc-gui --all -g -y
Skills in Collection (25)
在编码前自动发现并注入项目特定规范。通过读取spec索引、开发前检查清单及共享指南，确保遵循代码标准与模式，适用于新任务启动或切换模块时。
开始新的编码任务
切换不同包
需要刷新项目约定
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill before-dev -g -y
面向AI编码工作流的协作式需求发现技能。通过任务优先、先研究后提问等原则，引导AI在开发前明确需求、评估技术权衡并收敛MVP范围，适用于需求模糊或需复杂规划的场景。
用户需求描述模糊或不清晰
存在多种可行的实现路径
需要评估UX、性能等技术与非技术权衡
复杂功能开发前的范围界定
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill brainstorm -g -y
用于调试完成后进行深度复盘，从根因分类、修复失败分析、预防机制等五个维度剖析bug，防止重复发生。旨在打破“修完即忘”的循环，并将经验沉淀至项目文档中。
调试会话完成且修复了棘手Bug后
同类Bug反复出现时
希望将调试洞察转化为项目文档时
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill break-loop -g -y
实施后跨维度验证技能，检查跨层数据流、代码复用、导入路径及一致性。识别遗漏更新点、类型不匹配和重复常量。适用于变更跨越3+架构层、修改共享配置或批量文件后。
变更涉及3个以上架构层
修改共享常量或配置文件
进行批量文件修改
创建新的工具函数
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill check-cross-layer -g -y
用于验证近期代码是否符合项目特定开发规范。通过git diff识别变更文件，加载对应规格模块的指南，执行lint和类型检查，报告并修复违规问题，确保代码质量与上下文一致性。
代码编写完成后需要质量验证时
长时间会话中需防止上下文漂移时
提交更改前进行最终检查时
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill check -g -y
用于根据用户需求快速生成符合规范的Codex技能文件。通过解析名称和描述，自动分析技能类型并创建结构化的SKILL.md，支持添加新工作流或扩展技能集。
添加新的开发者工作流技能
创建自定义技能
扩展Trellis技能集
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill create-command -g -y
用于将应用部署到 Vercel 的自动化技能。支持预览和生产环境部署，通过检测 Git 远程、Vercel CLI 状态及团队信息，智能选择 Git Push 或 CLI 命令进行部署，并返回部署链接。
用户请求部署应用
获取部署后的链接
推送代码上线
创建预览部署
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill deploy-to-vercel -g -y
提交前质量检查清单，覆盖代码规范、类型检查、测试及文档同步。重点校验基础设施与跨层契约的可执行性，确保API、数据库变更完整，防止因规格抽象导致回归，保障代码提交前的完整性。
代码编写并测试完成后准备提交前
涉及基础设施或跨层契约修改时
最终审查 git commit 之前
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill finish-work -g -y
分析代码变更，依据前后端质量规范补充或更新测试用例。自动判断测试范围，遵循项目模式编写测试并执行验证，最后输出覆盖率计划、更新详情及遗留问题摘要，确保代码变更后的测试完整性。
实现新功能后
修复 Bug 后
识别到测试缺口时
需要提升测试覆盖率时
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill improve-ut -g -y
将外部技能适配为项目开发规范，生成指导文档与代码模板。用于集成第三方最佳实践或新项目模式至.trellis/spec/目录，更新索引并创建带.template后缀的示例文件。
需要集成外部技能到项目规范时
添加新技能的开发模式到项目约定中
将第三方技能的最佳实践纳入项目文档
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill integrate-skill -g -y
面向新开发者的交互式入职引导，涵盖AI工作流核心理念、系统结构详解及真实案例演练。指导用户理解AI记忆机制与项目规范定制，确保正确配置开发指南并掌握Treillis工作流。
新开发人员加入项目
需要理解Treillis工作流
项目指南需要初始设置
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill onboard -g -y
在人类测试并提交代码后，记录工作进度至Trellis日志。归档已完成任务，捕获会话摘要、提交哈希并更新开发者索引，为未来AI会话保留上下文。
编码会话完成
用户已提交代码
需要持久化会话知识以供未来使用
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill record-session -g -y
初始化AI开发会话，读取项目指南、工作流及上下文信息。根据任务类型（问答、 trivial修复、简单或复杂任务）进行分类，并路由至直接编辑、头脑风暴或任务工作流，以确立开发环境并启动编码。
开始新的编码会话
恢复中断的工作
启动新任务
重新建立项目上下文
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill start -g -y
用于在实现功能、修复Bug或做出设计决策后，更新.trellis/spec/下的可执行代码规范文档。强制要求记录签名、契约及测试点，确保AI和开发者能安全执行。
实现新功能
修复Bug
做出设计决策
发现新模式
跨层契约变更
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill update-spec -g -y
通过环境变量配置 Vercel CLI 令牌和项目 ID，实现无交互式登录的自动化部署与管理。适用于 CI/CD 流水线或脚本中安全地执行 Vercel 构建与发布任务。
需要部署前端项目到 Vercel
在 CI/CD 环境中配置 Vercel 访问凭证
设置 Vercel 环境变量或管理项目
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill vercel-cli-with-tokens -g -y
提供React组件组合模式指南，帮助重构含大量布尔属性的组件、构建可复用库及设计灵活API。涵盖复合组件、状态提升、渲染属性等最佳实践及React 19新特性。
重构包含多个布尔属性的组件
构建可复用的React组件库
审查或设计组件架构与API
使用复合组件或Context Provider
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill vercel-composition-patterns -g -y
提供React和Next.js性能优化指南，涵盖消除数据瀑布流、包体积优化及服务端性能等70条规则。用于指导代码编写、审查及重构，确保应用达到最佳性能标准。
编写或审查React/Next.js组件
优化数据获取策略
减少包体积和提升加载速度
重构现有代码以提升性能
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill vercel-react-best-practices -g -y
提供React Native和Expo应用开发的最佳实践指南，涵盖性能优化、动画实现、UI模式及原生模块配置，旨在构建高性能移动应用。
构建React Native或Expo应用
优化列表滚动性能
实现Reanimated动画
处理原生模块或字体配置
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill vercel-react-native-skills -g -y
用于审查前端 UI 代码是否符合 Web 界面设计指南，包括可访问性、UX 和最佳实践。通过获取最新规则并逐行检查指定文件，输出格式化的合规性问题报告。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill web-design-guidelines -g -y
用于审查文档或文本内容是否符合写作规范。通过获取最新指南，检查文件并输出违规位置，支持指定文件或模式进行风格审计。
review my docs
check writing style
audit prose
review docs voice and tone
check this page against the writing handbook
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill writing-guidelines -g -y
多智能体流水线编排器，负责并行开发任务的规划与分发。通过读取项目上下文、配置任务目录及PRD，启动隔离的代码工作树智能体，适用于多独立特性并行开发场景。
需要并行开发多个独立功能时
编排工作树智能体进行协作编程时
管理多智能体编码流水线时
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill parallel -g -y
为AI编程助手提供coss UI组件库的深度知识，涵盖组件API、组合模式、样式约定及迁移规则。帮助助手正确生成代码，避免猜测，支持从shadcn等库的迁移场景。
需要生成或修改coss UI组件代码时
询问coss组件的使用规范或最佳实践时
需要将现有UI库（如shadcn）迁移至coss时
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill coss -g -y
Dependencies:
cosscom/coss
基于HTML制作高保真交互原型、动画Demo及幻灯片的设计技能。强调先验证事实再设计，遵循核心资产协议，支持多领域专家角色切换与差异化方向探索。
做原型
设计Demo
交互原型
HTML演示
动画Demo
设计变体
hi-fi设计
UI mockup
prototype
设计探索
做个HTML页面
app原型
iOS原型
导出MP4/GIF
60fps视频
设计风格
配色方案
视觉风格
评审
review this design
带解说动画
voiceover
narration
TTS+动画
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill huashu-design -g -y
针对Vercel部署项目（如Next.js）的成本与性能优化技能。通过收集指标、使用确定性门控筛选候选项，并基于验证文件生成排名建议，旨在降低账单费用并提升路由性能。
Vercel账单费用降低需求
路由缓慢或昂贵问题排查
缓存机会分析
Core Web Vitals优化
成本明细请求
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill vercel-optimize -g -y
指导在React中使用View Transition API实现原生流畅动画，涵盖页面切换、共享元素及路由过渡，支持Next.js集成。
需要添加页面过渡动画
实现组件进入退出动画
使用startViewTransition或ViewTransition组件
在React中无需第三方库的UI状态动画
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill vercel-react-view-transitions -g -y
