前端开发 Skill技能列表
Next.js开发专家Skill nextjs-developer
Next.js开发专家技能用于构建高性能、SEO优化的Next.js 14+应用，专精于App Router、服务器组件和全栈部署。关键词：Next.js, App Router, React Server Components, SEO优化, 性能优化, Vercel部署, 前端开发, Web开发, 全栈开发, 服务器渲染
TypeScript高级类型Skill typescript-advanced-types
TypeScript高级类型技能用于掌握TypeScript语言的高级类型系统，包括泛型、条件类型、映射类型、模板文字类型和实用类型，帮助开发者构建类型安全的应用程序，提高代码可维护性和编译时安全性。关键词：TypeScript, 高级类型, 类型安全, 泛型, 条件类型, 映射类型, 模板文字类型, 实用类型, 应用程序开发, 类型推断。
样式化组件Skill styled-components
这是一个关于 styled-components CSS-in-JS 库的技能，提供主题化、组件变体、服务端渲染支持等功能的专家级实现指导。关键词：styled-components, CSS-in-JS, React 样式, 前端主题, 组件库开发, SSR 支持。
Tailwindv4+shadcn/ui生产堆栈技能Skill tailwind-v4-shadcn
这个技能提供了一个生产就绪的设置指南，用于使用 Tailwind CSS v4、shadcn/ui、Vite 和 React 构建前端项目。它涵盖了暗色模式实现、CSS 变量架构、常见问题修复和最佳实践，帮助开发者高效搭建和调试现代 Web 应用。关键词：Tailwind v4, shadcn/ui, Vite, React, 暗色模式, CSS 变量, 前端开发, 生产部署, SEO。
Zustand存储模式Skill zustand-store-patterns
这个技能是关于使用Zustand进行React状态管理的存储模式，用于优化应用性能和组织代码结构，包括存储定义、选择器、动作分离、性能优化等。关键词：Zustand, React, 状态管理, 存储模式, 前端开发, 性能优化。
TypeScript开发技能Skill typescript
本技能提供TypeScript开发的专业知识，专注于为JARVIS AI助手实现类型安全，涵盖Vue组件、API路由、3D渲染和状态管理等领域，强调编译时错误预防和运行时数据验证。关键词：TypeScript，类型安全，AI助手，前端开发，全栈开发，Zod，Vue组件，API路由，3D渲染。
Next.js开发模式Skill next-js-patterns
Next.js 开发模式指南，涵盖应用路由器、服务器组件、客户端组件、数据获取、导航、字体优化和元数据管理等最佳实践。关键词：Next.js, App Router, 服务器组件, 客户端组件, 数据获取, SEO, 前端开发, React框架
Redux状态管理Skill redux
此技能提供Redux的全面指导，Redux是一个JavaScript状态管理库，用于管理应用程序的全局状态。它涵盖核心概念如store、action、reducer、middleware、selector，以及Redux Toolkit的使用，帮助用户学习状态管理、实现Redux模式和优化前端开发。关键词包括Redux、状态管理、JavaScript、前端开发、Redux Toolkit、store、action、reducer、middleware、selector、全局状态。
AI前端构件构建器Skill artifacts-builder
AI前端构件构建器是一个专门用于创建复杂、交互式Claude.ai HTML构件的工具套件。它基于现代前端技术栈（React、TypeScript、Tailwind CSS、shadcn/ui），提供完整的项目初始化、开发、打包流程。该工具支持状态管理、路由和丰富的UI组件，能够将复杂的React应用打包成单个自包含的HTML文件，方便在Claude对话中直接分享和使用。主要功能包括：一键项目初始化、现代化前端开发环境、shadcn/ui组件库集成、智能打包工具、自包含HTML输出。关键词：Claude构件、前端开发、React应用、HTML打包、AI工具、shadcn/ui、Tailwind CSS、Vite、Parcel、交互式构件
Telegram迷你应用构建专家Skill telegram-mini-app
该技能专门用于构建Telegram迷你应用（TWA），这是一种在Telegram内运行的Web应用，提供类似原生的用户体验。技能涵盖Telegram Web App API、TON区块链集成、支付系统、用户认证、病毒式传播机制等，适用于开发游戏、DeFi应用、工具和社交应用。关键词：Telegram迷你应用、TWA、TON区块链、Web3、前端开发、病毒传播、货币化、Telegram Web App。
Three.js交互式3D可视化构建技能Skill three-js-interactive-builder
该技能用于基于Three.js库开发交互式3D可视化应用，专注于算法艺术生成、神圣几何设计、时间动画效果和模块化架构。适用于WebGL可视化、生成艺术创作、交互体验设计、粒子系统和流场模拟等项目。关键词：Three.js, 3D可视化, 算法艺术, 交互设计, WebGL, 神圣几何, 时间动画, 模块化开发。
AvaloniaZafiro开发Skill avalonia-zafiro-development
该技能定义了使用 Avalonia UI 和 Zafiro 工具包开发跨平台应用程序的强制性约定和行为规则，优先考虑可维护性、正确性和函数式反应式方法。它用于规范开发流程、提高代码质量和跨平台兼容性，关键词包括：Avalonia UI, Zafiro 工具包, 跨平台开发, MVVM, 函数式编程, 反应式编程, 错误处理, 代码规范。