前端开发 Skill技能列表
核心网页指标优化Skill core-web-vitals
该技能专注于优化核心网页指标（LCP、INP、CLS），通过技术手段提升网页加载速度、交互响应性和视觉稳定性，从而改善用户体验和搜索引擎排名。关键词：核心网页指标、LCP优化、INP优化、CLS优化、性能优化、SEO、页面体验、前端性能。
前端开发模式Skill frontend-patterns
前端开发模式技能专注于使用React和Next.js框架，涵盖组件设计、状态管理、性能优化、UI最佳实践等，帮助开发者构建高性能、可维护的前端应用。关键词：前端开发、React、Next.js、状态管理、性能优化、UI设计、组件模式、量化交易应用。
规划指南Skill planning-guidelines
Portfolio Buddy 2 开发规划指南，提供代码保留、移动/桌面端优化、需求澄清等核心原则。适用于软件开发、量化金融、前端开发、代码重构、项目管理、敏捷开发、React TypeScript、投资组合分析、金融科技应用开发。
ReactHooks全面指南Skill react-hooks
这个技能提供React Hooks的全面学习资料和实践指导，涵盖内置hooks如useState、useEffect以及自定义hooks的使用，帮助前端开发者在函数式组件中高效管理状态、处理副作用和优化性能。关键词包括React Hooks、前端开发、函数式组件、状态管理、副作用处理、性能优化、自定义hooks、JavaScript。
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、交互式构件
ReactHookForm性能优化技能Skill react-hook-form
这个技能提供 React Hook Form 库的性能优化最佳实践，专注于客户端表单验证，包括使用 useForm、useWatch、useController 和 useFieldArray 等钩子的技巧，帮助开发者提升表单应用的性能和效率。关键词：React Hook Form, 性能优化, 客户端表单验证, useForm, useWatch, useController, useFieldArray, 最佳实践。
Telegram迷你应用构建专家Skill telegram-mini-app
该技能专门用于构建Telegram迷你应用（TWA），这是一种在Telegram内运行的Web应用，提供类似原生的用户体验。技能涵盖Telegram Web App API、TON区块链集成、支付系统、用户认证、病毒式传播机制等，适用于开发游戏、DeFi应用、工具和社交应用。关键词：Telegram迷你应用、TWA、TON区块链、Web3、前端开发、病毒传播、货币化、Telegram Web App。
Vue应用结构Skill vue-application-structure
使用 Vue 3 的组合 API、组件组织和 TypeScript 构建可扩展的 Vue 应用程序，实现代码的模块化和类型安全。
导航模式与路由实现Skill implementing-navigation
这个技能提供全面指导，用于在前后端应用中实现导航系统和路由配置，涵盖菜单、标签、面包屑等导航模式，以及React、Python等框架的客户端和服务器端路由。关键词：导航模式、路由实现、前端开发、后端开发、React、TypeScript、Python、Flask、Django、FastAPI、可访问性、SEO优化。
EmpathyLedger开发技能Skill empathy-ledger-dev
Empathy Ledger开发技能是一个专门用于指导Empathy Ledger v2平台开发的综合参考工具。该平台是一个面向原住民社区、内置文化安全协议的多租户故事讲述系统。本技能提供项目结构、核心概念（如OCAP原则、文化敏感性分级）、常见开发模式、数据库设计、核心服务等快速参考。适用于开发人员快速查阅项目规范、确保文化合规性、实现多租户隔离、管理故事所有权和数据主权。关键词：Empathy Ledger、原住民数据主权、OCAP原则、文化安全协议、多租户架构、故事讲述平台、React开发、Next.js、Supabase、GDPR合规、文化敏感性设计。
BunNuxt开发Skill "BunNuxt"
这个技能专注于使用 Bun JavaScript 运行时来开发和运行 Nuxt 3 应用程序。它包括项目初始化、依赖安装、开发服务器、构建、预览和部署。涉及配置 Nuxt 项目以利用 Bun 的性能优势，使用 Bun APIs 如数据库操作和文件处理，以及部署到生产环境。关键词：Bun, Nuxt, Vue, 前端开发, 服务器端渲染, 部署, DevOps, 快速开发, 性能优化。
Pinia状态管理技能Skill pinia
这个技能提供 Pinia 状态管理专长，用于在 JARVIS AI 助手中管理应用状态，包括系统指标、用户偏好和 HUD 配置。它专注于前端开发，使用 Vue.js 和 TypeScript 实现类型安全和高效状态管理，适用于实时数据同步和 SSR 安全场景。关键词：Pinia, Vue.js, 状态管理, TypeScript, 前端开发, JARVIS, 实时同步, SSR 安全。