clawhub
@bovinphang
公开技能 70 个
Playwright/Cypress E2E 测试规范：目录结构、Page Object、CI 集…
前端代码评审工具，从多维度审查代码质量，生成规范Markdown评审报告。
为真实浏览器 E2E 测试提供 Playwright/Cypress 规范、调试与 CI 报告指引。
前端安全审查技能，按风险分级输出安全报告
为 React + TypeScript 项目提供结构分层、模块边界与编码约定建议
指导 jQuery/MPA 等遗留前端渐进迁移到现代框架，含策略、执行清单与报告模板
为 Vue 3 + TypeScript 项目提供目录、组件边界、组合式函数与状态管理规范
维护传统非框架前端代码的规范与安全检查指南
生成或编辑图表与视觉素材，导出 PNG/SVG 并做质检与有限自修复
前端多包仓库（pnpm/Turborepo/Nx）结构、依赖与任务编排规范
诊断前端性能瓶颈并生成优化报告
执行既有 lint/类型检查/测试/构建命令，定位失败原因并安全修复后输出报告。
Next.js 14+ App Router 工程规范与审查指南
Nuxt 3 项目工程规范指南，用于创建或评审 Nuxt 3 项目。
为前端界面提供产品化设计方向、设计系统生成与交互细节打磨及上线前视觉校验。
Next.js14+项目规范助手，覆盖多模块，自动为项目创建修改提供规范指导
React+TypeScript项目完整工程规范，指导标准化开发，在组件/模块操作时自动激活。
SVG动画实现指南：支持CSS/Framer Motion/GSAP，注重可访问性与性能优化。
前端代码审查技能，支持变更/定向/项目三种模式并输出分级报告。
前端故障诊断框架，按构建/运行时/UI/API分类，用证据驱动定位并修复问题。
让 Web 应用可安装、离线可用，涵盖 manifest、Service Worker 与缓存策略。
将参考系统的优秀实践吸收为当前项目的原创、原生改进，避免照搬复制。
前端服务端状态获取缓存规范：查询缓存、失效、乐观更新、预取与SSR水合。
前端交互动效指南：页面过渡、滚动动画、动效强度定档与可访问降级策略。
前端项目文档与代码/配置同步，更新 README、环境变量、API、多语言文档等，防止文档漂移。
面向复杂表单的状态、校验与提交方案，避免输入卡顿。
在验证保护下安全清理前端死代码、无用导出、组件、路由与依赖，仅自动删除 SAFE 项，风险项只出建议。
前端无障碍检查技能：按 WCAG 2.2 AA 审查语义、键盘、焦点、ARIA 与动态播报，输出问题报告。
大列表虚拟化优化方案，通过窗口化渲染可视区域，解决滚动卡顿，提升性能
帮助判断前端状态归属：区分本地UI、表单、服务端、URL、全局与持久化状态，指导 React/Vue 状态选型与迁移。
生成可编辑的 draw.io 技术图表，支持架构图、ERD、UML、流程图，可校验并导出。
Vue3+TypeScript项目完整工程规范，覆盖多维度准则，开发时自动激活。
将 Figma 等设计稿高保真落地为前端代码，复用组件与设计 Token，保障无障碍。
把耗时计算移出主线程的 Web Worker 实践指南，涵盖通信、数据传输与生命周期管理。
浏览器高性能2D/3D渲染指南，覆盖Canvas 2D、Three.js、WebGL与着色器。
标准化前端API集成边界，涵盖类型化客户端、错误处理、认证刷新、上传与实时通信方案。
编写贴近用户行为的前端单元、组件与轻量集成测试，覆盖交互、状态与回归。
浏览器存储选型、实现与审查指南，涵盖localStorage等，含封装与安全策略。
针对JS+jQuery+HTML传统前端项目的开发维护规范，指导遗留系统与多页面应用迭代。
统一TS项目配置与类型规范，涵盖tsconfig、类型边界、声明文件与发布验证。
把文章或讲解稿转成可录屏的16:9网页演示，按步骤推进并配备旁白与主题。
前端路由保护指南：实现登录鉴权、RBAC权限、重定向与中间件，防止未授权访问与渲染闪烁。
Tailwind设计系统指南：管理设计令牌、主题、组件变体与暗色模式，使样式可维护、可复用、可测试。
响应式前端布局技能：提供移动优先、容器查询、断点与触控键盘适配指南。
前端问题诊断框架，分类定位构建、运行时、UI、API故障，证据驱动排查并输出诊断报告。
前端决策以官方文档、源码和当前版本为准，避免过时经验。
基于WCAG2.1AA标准，检查前端UI无障碍问题，生成并保存Markdown报告。
为UI组件搭建Storybook文档、设计系统展示与隔离状态预览，支持交互测试与视觉回归。
按风险规划前端测试分层与覆盖矩阵，覆盖静态检查、单元、组件、集成、E2E、视觉、a11y 等层级。
基于主流设计工具稿实现前端页面/组件，优先复用、映射Token，输出实现计划Markdown。
Nuxt3项目规范助手，覆盖目录、SSR/SSG等规范，操作项目时自动激活
从前端视角整理数据、操作、状态与权限需求，生成后端需求交接文档，不规定接口实现细节。
前端TDD工作流：先写失败测试，再最小实现，最后重构，覆盖组件、hooks、路由等可观察行为。
规范 Vite 项目配置、环境变量安全与构建性能优化。
前端代码安全审查工具，检测多类风险，生成分级Markdown报告。
提供pnpm、Turborepo、Nx的Monorepo项目规范，含结构、依赖、任务编排等
前端项目测试修复工具，执行校验命令、分析问题并安全修复，生成Markdown报告。
提供传统JS+jQuery前端项目向React/Vue+TypeScript的迁移全流程指导
专注前端TypeScript类型安全，提供类型建模、泛型等方案，规避类型风险。
前端 API 重构技能：按函数形态、标志、依赖、可变性等选择保行为重构技术，逐步应用并验证。
前端重构行为保持验证流程，评估安全网，逐步校验并给出 PASS/PARTIAL/NOT PROVEN 结论。
前端保行为重构技能，指导移动特性类结构变换，按单一技法小步实施并即时验证。
前端继承式重构指南：针对遗留OO继承层次，提供11种重构技法的前置条件、步骤与风险。
前端函数重构技能：按11种规范技法安全调整函数结构、命名、参数与阶段边界，适配JS/TS/React/Vue。
前端行为保持型封装重构技能，提供9种封装重构技术及JS/TS/React/Vue适配与验证步骤。
前端行为保持的数据重构：处理变量语义、字段命名、派生状态与引用/值身份，含5种技术及框架适配。
针对前端条件逻辑的重构控制技能：按前提逐项应用技巧，保持行为不变并即时验证。
行为保持重构技术选择与组合目录，按证据、坏味和前置条件挑选最小适用重构。
在保持可观察行为不变的前提下，小步安全重构前端代码。
前端代码坏味道诊断工具，基于证据识别结构维护性问题，给出重构候选，不修改业务代码。
