前端开发 Skill技能列表
Apollo客户端模式Skill apollo-client-patterns
该技能用于在React应用中实现Apollo Client的GraphQL模式,包括查询、突变、缓存管理、本地状态处理等。关键词:Apollo Client, GraphQL, React, 缓存, 状态管理, 前端开发。
智能文档助手Skill context7
Context7智能文档助手是一款专为开发者设计的AI工具,能够实时获取和查询最新技术库文档。通过API接口,该技能可快速搜索React、Next.js、Supabase等主流开发框架的官方文档,提供准确的API参考、最佳实践和版本信息。关键词:文档查询、API参考、开发工具、实时文档、技术库搜索、编程助手、版本管理、开发效率。
React状态管理Skill react-state-management
React状态管理技能专注于React应用中的状态管理,涵盖使用Redux Toolkit、Zustand、Jotai和React Query等工具来管理局部状态、全局状态和服务器状态。适用于设置全局状态、管理服务器状态或选择状态管理解决方案。关键词:React、状态管理、Redux、Zustand、Jotai、React Query、前端开发。
代码质量检查Skill lint-typecheck
这是一个用于前端代码质量控制的自动化工具,主要功能包括运行ESLint静态代码分析和TypeScript类型检查。该技能帮助开发者在提交代码前自动检测语法错误、代码规范问题和类型不匹配,确保代码质量和类型安全。关键词:前端开发、代码检查、ESLint、TypeScript、类型检查、代码规范、静态分析、自动化测试、开发工具、代码质量保障。
VuexVue2状态管理Skill vuex-vue2
此技能提供Vuex 2.x在Vue 2应用程序中状态管理的全面指导,涵盖核心概念如状态、获取器、突变、动作和模块,以及安装、API参考、最佳实践和高级功能。关键词:Vuex、Vue 2、状态管理、前端开发、JavaScript框架、存储管理、异步操作。
TailwindUI重构Skill tailwind-ui-refactor
该技能用于基于Tailwind CSS的UI重构,提供52条规则和最佳实践,优化前端开发中的视觉设计、间距、排版、颜色和可访问性,提升代码质量和用户体验。关键词包括:Tailwind CSS, UI重构, 设计模式, 前端开发, 响应式设计, 视觉层次, 可访问性, 代码优化。
Angular开发技能Skill angular-development
Angular开发技能是一个专注于企业级Angular应用程序构建的专业技能,提供现代开发模式和最佳实践的专家指导。该技能涵盖Angular框架的核心功能,包括独立组件、依赖注入、路由配置、响应式表单、信号状态管理等关键技术。适用于前端开发人员、架构师和技术团队,帮助构建高性能、可维护的企业级Web应用。关键词:Angular开发、前端框架、企业级应用、独立组件、依赖注入、信号状态管理、响应式表单、路由懒加载、前端架构设计、TypeScript开发。
前端开发模式Skill frontend-patterns
本文介绍了React、Next.js框架下,用于状态管理、性能优化和UI最佳实践的现代前端开发模式。包括组件模式、自定义钩子模式、状态管理模式、性能优化、表单处理模式、错误边界模式、动画模式和可访问性模式。
AgentationSkill agentation
Agentation是一款专为Next.js项目设计的视觉反馈与注释工具栏。它帮助开发者在开发环境中快速添加、管理和共享UI注释,提升团队协作效率。主要功能包括屏幕标注、问题反馈、版本跟踪,适用于前端开发、UI/UX测试和代码审查场景。关键词:Next.js开发工具、视觉反馈、注释工具栏、前端调试、团队协作、React组件、开发环境优化。
GPUI元素开发Skill gpui-element
GPUI 元素开发技能专注于使用 Rust 编程语言中的 GPUI 框架低级 Element API 来创建自定义用户界面组件,提供对布局、预绘制和绘制阶段的精细控制,适用于高性能、复杂的 UI 开发场景。关键词:Rust, GPUI, 自定义元素, UI 组件, 性能优化, 前端开发, Element API。
TauriWebView调试器Skill debug-tauri
Tauri WebView 调试器是一个自动化调试工具,专为 Tauri 桌面应用开发设计。它集成了官方插件,提供进程监控、自动截图、控制台日志收集和 WebView 状态分析功能。适用于开发者快速定位 WebView 渲染问题、UI 错误、运行时异常和性能瓶颈。关键词:Tauri 调试、WebView 问题排查、桌面应用开发、自动化测试、日志收集、截图工具、前端调试、Rust 桌面应用。
VitePress静态站点生成器Skill vitepress
VitePress 是一款基于 Vite 和 Vue 3 的静态站点生成器,专为构建文档站点、博客和营销网站而设计。它支持文件路由、在 Markdown 中直接使用 Vue 组件、快速热更新等功能,是前端开发中用于高效创建静态网站的强大工具。关键词:VitePress, 静态站点生成器, Vite, Vue 3, 前端开发, 文档, 博客, SEO。