前端开发 Skill技能列表
Apollo缓存策略Skill apollo-caching-strategies
Apollo缓存策略是用于Apollo Client的缓存管理技术，包括缓存策略配置、乐观UI更新、缓存持久化和规范化等核心功能。它帮助开发者构建高性能的GraphQL应用，优化数据获取、状态管理和用户体验，适用于数据密集型前端开发。关键词：Apollo缓存、GraphQL、前端性能、状态管理、乐观更新。
Markdown表格Skill markdown-tables
这个技能是关于在Markdown中创建和格式化表格的，包括基本语法、对齐方式、转义字符、多行单元格等高级功能，适用于技术文档编写、网页内容格式化，关键词包括Markdown、表格、格式化、语法、文档编写、前端开发。
ShadCN-Framer动画组件库Skill shadcn-framer
本技能是关于如何将 ShadCN UI 组件库与 Framer Motion 动画库结合使用的技术指南。它提供了从初始化设置、基础组件使用到实现复杂动画效果（如淡入淡出、列表动画、页面过渡、悬停交互和加载动画）的完整代码示例。适用于希望为 React 应用（特别是 Next.js）添加流畅、现代化交互动效的前端开发者，关键词包括：ShadCN UI, Framer Motion, React 动画, 交互动效, Next.js 组件, 前端开发。
算法艺术Skill algorithmic-art
算法艺术技能专注于使用p5.js库通过编程代码创建生成式艺术，强调种子随机性以确保作品可复现，并支持交互式参数探索。适用于代码艺术、生成艺术、流场模拟、粒子系统等创意编码项目，关键词包括：算法艺术、生成艺术、p5.js、代码艺术、流场、粒子系统、创意编码、可视化。
Web实现技能Skill skill-web-implementation
这个技能是一个薄包装器，用于实现基于Astro、Tailwind和TypeScript的网络变化。它通过委托给子代理来处理前端网页开发任务，包括页面、组件、布局的创建和修改，并自动执行状态更新、工件链接和Git提交等后处理操作。适用于Astro框架、Tailwind CSS、TypeScript项目，帮助提高开发效率和代码质量。关键词：网络实现、Astro、Tailwind、TypeScript、前端开发、网页开发、状态管理、Git提交、代理委托、自动化流程。
React单页面应用开发技能Skill react
本技能专注于使用 React 19+、React Router v7、Jotai、Vite 和 Bun 构建现代单页面应用（SPA）。涵盖组件、钩子、状态管理、路由、表单、UI 架构、性能优化和测试等关键方面，适用于客户端路由、全局状态管理和异步数据加载的 React 应用开发，关键词包括 React 19、React Router、Jotai、Vite、Bun、SPA、前端开发、性能优化、可访问性。
Next.js最佳实践Skill nextjs-best-practices
这是一个关于Next.js App Router开发的最佳实践技能，涵盖服务器组件与客户端组件的决策树、数据获取模式、路由原则、API路由、性能优化、缓存策略和反模式等，适用于前端开发人员提升Next.js应用质量和效率。关键词包括：Next.js, App Router, 服务器组件, 数据获取, 路由, 前端开发, 性能优化, 缓存策略, 反模式。
Next.js应用路由器模式Skill nextjs-app-router-patterns
本技能专注于Next.js 14+应用路由器的架构模式，涵盖服务器组件、流式渲染、并行路由和高级数据获取，适用于构建高性能全栈React应用，提升开发效率和SEO优化，关键词：Next.js, 应用路由, 服务器组件, 流式渲染, 并行路由, 数据获取, React, 前端开发, SEO。
ReactFlow自定义节点与边缘技能Skill reactflow-custom-nodes
React Flow自定义节点与边缘技能是用于使用React Flow库创建自定义节点和边缘的技术，主要应用于构建节点编辑器、工作流界面、可视化图表和数据流程图等前端开发场景。它支持交互式表单元素、多种节点类型、工具栏、可调整大小节点、分组节点、自定义边缘交互和连接验证。关键技能包括自定义组件、样式定制、行为交互、性能优化、前端开发、UI设计和JavaScript框架。
代码修复助手Skill fix
这是一个用于系统化修复代码问题的技能。它遵循严格的流程，首先识别并分类问题（严重、高、中、低），然后制定修复计划并应用最小化更改。核心功能包括处理编译错误、内存泄漏、安全漏洞、代码规范问题等，并内置了处理缺失导入、清理副作用、类型修复等常见模式的指南。适用于代码审查后的自动化修复、日常开发中的问题排查与维护。关键词：代码修复，问题排查，代码审查，自动化修复，软件开发，质量保证，TypeScript，React，副作用清理。
Astro性能优化Skill perf-astro
Astro性能优化技能，专注于通过关键CSS内联、文件压缩、字体加载和LCP优化等手段，提高Astro框架网站的Lighthouse评分至95分以上，适用于前端性能优化。关键词：Astro, 性能优化, Lighthouse, CSS内联, 压缩, 字体加载, LCP优化。
React.memo优化技能Skill rerender-memo
此技能用于通过 React.memo 和 useMemo 缓存组件计算，避免不必要的重新渲染，提升前端应用性能。关键词：React.memo, useMemo, 性能优化, 组件缓存, 前端开发。