前端开发 Skill技能列表
网络性能审计Skill web-performance-audit
这是一个使用 Chrome DevTools MCP 进行网页性能审计的技能，专注于优化页面加载性能、提升 Lighthouse 得分和网站速度。它提供核心 Web 指标分析、网络优化建议和可访问性差距识别。关键词：网页性能、性能审计、Chrome DevTools、Core Web Vitals、网络优化、前端性能、可访问性审计、Web 指标。
Apollo缓存策略Skill apollo-caching-strategies
Apollo缓存策略是用于Apollo Client的缓存管理技术，包括缓存策略配置、乐观UI更新、缓存持久化和规范化等核心功能。它帮助开发者构建高性能的GraphQL应用，优化数据获取、状态管理和用户体验，适用于数据密集型前端开发。关键词：Apollo缓存、GraphQL、前端性能、状态管理、乐观更新。
TanStackStart全栈开发框架Skill BunTanStackStart
TanStack Start 是一个基于 Bun 运行时的全栈 React 框架，用于快速构建现代 Web 应用。它支持文件路由、服务器函数、API 路由和错误处理，提高开发效率，适用于 SSR、构建优化和全栈开发场景。关键词：TanStack Start, React, 全栈开发, Bun, 文件路由, 服务器函数, Web 应用开发, SEO 优化。
算法可视化器Skill algorithm-visualizer
算法可视化器是一个用于生成算法执行过程可视化图形的工具。它能够将复杂的算法逻辑，如排序、搜索、图遍历、动态规划等，通过分步动画、状态图、动态表格等形式直观呈现。该工具支持多种输出格式（ASCII、SVG、GIF、HTML），旨在帮助开发者、学生和面试者更好地理解算法原理、调试代码和进行技术讲解。 关键词：算法可视化，数据结构动画，动态规划演示，图算法动画，排序算法可视化，编程教学工具，代码调试辅助，面试算法讲解，计算机科学教育，交互式学习
JavaScript开发专家Skill javascript-expert
JavaScript开发专家技能专精于利用现代JavaScript技术（包括ES6+、Node.js、浏览器API）开发高性能、安全、可维护的应用程序，涵盖异步编程、性能优化、安全编程、测试驱动开发等关键领域，适用于前端和后端开发场景。关键词：JavaScript开发、ES6特性、Node.js、浏览器API、异步编程、性能优化、安全编程、TDD测试。
移动优先设计Skill mobile-first-design
移动优先设计是一种前端开发技能，专注于从移动设备开始构建响应式网站界面，通过CSS媒体查询定义断点，使用渐进增强技术适应平板和桌面屏幕。关键词包括移动优先、响应式设计、CSS、断点、触摸友好、性能优化。
Hugo静态站点生成与部署技能Skill hugo
此技能专注于使用Hugo静态站点生成器快速构建博客、文档网站和落地页，集成Tailwind CSS v4和Sveltia CMS，并部署到Cloudflare Workers。提供完整解决方案，包括错误预防、模板使用和SEO优化。关键词：Hugo, 静态站点生成器, Tailwind CSS, Sveltia CMS, Cloudflare部署, 前端开发, DevOps, 网站构建
TypeScript异步编程模式Skill typescript-async-patterns
这个技能涵盖了TypeScript中的异步编程模式，包括Promises、async/await、异步迭代器、错误处理和高级模式，用于构建稳健的异步应用程序。它帮助开发者高效处理异步操作，特别适用于API调用、I/O操作和实时数据处理。关键词：TypeScript, 异步编程, Promises, async/await, 错误处理, 异步迭代器, 重试模式, 超时控制, 取消机制, API开发。
Prettier配置Skill prettier-configuration
Prettier配置技能提供了关于Prettier代码格式化工具的全面配置指南，包括选项设置、配置文件、忽略模式和格式化规则，适用于JavaScript开发，帮助提升代码质量和团队协作效率。关键词：Prettier、代码格式化、JavaScript、配置、开发工具、前端开发、SEO优化。
TypeScriptJSDoc文档编写Skill typescript-jsdoc
TypeScript JSDoc 文档编写技能专注于为TypeScript代码生成高效、清晰的JSDoc注释。它提供关于注释格式、最佳实践、策略性放置的指导，帮助开发者提升代码可读性、可维护性，并增强IDE的智能提示和文档支持。关键词：TypeScript, JSDoc, 代码文档, 注释规范, 开发工具, API文档, 代码维护, 编程规范。
重构UI设计系统Skill refactoring-ui
重构UI设计系统是一个基于Refactoring UI理念的实用UI设计框架，用于帮助开发者通过系统化方法改善视觉层次、间距排版、颜色搭配、深度阴影、图像图标和布局构图，提升前端开发效率和UI专业度，适用于Tailwind CSS和响应式设计。关键词包括UI设计、前端开发、视觉层次、间距排版、颜色调色板、Tailwind CSS、界面优化、设计系统、用户体验。
WordPress交互性APISkill wp-interactivity-api
本技能用于WordPress交互性API的开发与调试，涵盖data-wp指令、状态管理、模块化视图脚本集成、水合作用及性能优化。适用于WordPress 6.9+版本，帮助开发者解决指令不触发、状态更新异常、构建集成等问题。关键词：WordPress交互性API, data-wp指令, viewScriptModule, 水合作用, 状态管理, 前端交互, WordPress开发