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 Push 或 CLI 命令执行预览或生产环境部署，旨在引导用户建立 Git 自动部署的最佳实践。
请求部署应用
获取部署链接
推送到线上环境
创建预览部署
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部署、项目管理和环境变量设置，强调安全最佳实践。
deploy to vercel
set up vercel
add environment variables to vercel
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill vercel-cli-with-tokens -g -y
提供React组件组合模式指南，解决布尔属性泛滥问题。涵盖复合组件、状态提升及React 19新API，用于重构、构建库或审查架构。
重构包含大量布尔属性的组件
构建可复用组件库
设计灵活组件API
审查组件架构
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill vercel-composition-patterns -g -y
提供Vercel官方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
用于审查Web界面代码是否符合设计规范，支持UI检查、无障碍审计和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、组合模式、样式约定及迁移规则，帮助助手正确生成代码并避免常见陷阱。
使用coss UI组件进行前端开发
将现有UI组件迁移至coss
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill coss -g -y
Dependencies:
cosscom/coss
花叔Design技能，利用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账单费用优化请求
路由缓慢或昂贵分析
缓存机会识别
构建分钟数或数据传输优化
核心网页指标(CWV)改善
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill vercel-optimize -g -y
指导在 React/Next.js 中利用原生 View Transition API 实现页面路由、组件状态及列表等 UI 状态的平滑过渡动画，涵盖共享元素、方向导航等模式。
添加页面或组件过渡动画
实现路由切换动画
创建共享元素动画
使用 ViewTransition 组件
React 应用中的 UI 状态动画
npx skills add zhukunpenglinyutong/desktop-cc-gui --skill vercel-react-view-transitions -g -y
