ESLint技能提供专业的JavaScript与TypeScript代码检查配置服务，涵盖规则定制、插件集成、团队规范制定。核心功能包括ESLint配置、自定义规则开发、React/Vue框架支持、代码质量优化。适用于前端开发、代码规范、静态分析、团队协作等场景。

shadcn/ui 技能是一个专注于使用 shadcn/ui 组件库进行高效、现代化用户界面开发的专家助手。它提供组件安装、样式定制、主题配置、功能扩展以及与表单等复杂逻辑集成的全方位支持。适用于 React 应用、Next.js 全栈项目和快速原型开发，帮助开发者快速构建美观、一致且可维护的 UI。关键词：shadcn/ui, React组件库, UI开发, 前端组件, 主题定制, Next.js, 快速原型。

这个技能专注于使用React、Vue和Svelte等现代前端框架设计和实现可重用的UI组件，涵盖CSS-in-JS样式方法、组件组合模式（如复合组件、渲染属性）、API设计等，适用于构建组件库、前端设计系统和提升代码可维护性。关键词：React, Vue, Svelte, CSS-in-JS, 组件设计, 前端开发, UI组件, 可重用架构, 组合模式, 样式管理。

前端测试技能，涵盖使用Jest、Vitest、React Testing Library和Cypress进行单元测试、集成测试和端到端测试，以构建全面的测试套件，提高代码质量和可靠性。

本技能专注于移动应用（iOS、Android、React Native、Flutter）的性能分析与优化。提供全面的性能剖析工具链使用指南，包括Xcode Instruments、Android Profiler、Flipper和Flutter DevTools，帮助开发者识别CPU瓶颈、内存泄漏、渲染卡顿、启动缓慢等核心性能问题，并提供代码级的优化方案和最佳实践。关键词：移动性能优化，应用性能剖析，内存泄漏检测，帧率优化，启动加速，React Native性能，Flutter性能，SwiftUI优化，Jetpack Compose优化。

这个技能提供了一套工具，用于使用现代前端技术（如 React、Tailwind CSS、shadcn/ui）创建复杂的多组件 HTML 构件。它特别适用于需要状态管理、路由或 shadcn/ui 组件的项目，帮助开发者快速构建和打包前端应用，便于在 Claude 对话中共享。关键词：前端开发，React，Tailwind CSS，shadcn/ui，HTML 构件，工具套件，打包工具。

本技能提供系统化的表单构建指导，涵盖输入组件选择、验证策略、可访问性合规（WCAG 2.1）、UX最佳实践，以及JavaScript/React和Python的示例实现。适用于创建各种表单界面，如注册流程、调查问卷、多步向导等。关键词：表单构建、输入模式、验证、可访问性、WCAG 2.1、React、Python、前端开发、用户体验。

这个技能专注于实现软件应用程序的国际化与本地化，包括多语言翻译管理、日期和数字格式化、以及从右到左语言支持。适用于构建需要支持多种语言的Web或移动应用，提升用户体验和全球市场适应性。关键词：国际化、本地化、多语言支持、i18next、React、前端开发、翻译管理。

这是一个专注于 Next.js 14+ 框架开发的专家技能，擅长使用 App Router、服务器组件、服务器操作等现代 React 模式构建高性能、SEO 优化的全栈 Web 应用程序。核心能力包括性能优化、全栈集成、安全实践以及从旧架构迁移的决策指导。适用于需要构建企业级、可扩展且对搜索引擎友好的 React 应用场景。关键词：Next.js 开发，React 服务器组件，App Router，全栈开发，性能优化，SEO，TypeScript，Next.js 14。

前端开发技能：使用shadcn/ui库和设计系统规范创建高质量UI组件。包含设计令牌使用、响应式布局、可访问性实现等前端开发最佳实践。适用于React前端开发、组件库开发、UI设计系统实施。关键词：前端开发、UI组件、shadcn/ui、设计系统、React组件、可访问性、响应式设计、设计令牌、前端架构

全面的UI/UX设计智能助手，覆盖50+风格、161种调色板、57种字体配对、161种产品类型、99条UX指南，支持10个技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui、HTML/CSS）。可进行风格选择、设计系统生成、可访问性检查、性能优化、交互动效、跨平台应用设计等，适用于网站、落地页、仪表盘、SaaS、移动应用等产品的UI/UX设计与质量审查。关键词：UI设计、UX设计、界面设计、设计系统、风格指南、调色板、字体配对、响应式设计、可访问性、组件库、前端开发、移动应用设计。

Portfolio Buddy 2是一个量化交易投资组合分析工具的项目架构参考文档。该文档详细说明了React前端应用的结构、组件层次、关键钩子（如useMetrics、usePortfolio）、数据流、状态管理、Chart.js图表集成以及TypeScript最佳实践。内容涵盖量化金融指标计算（夏普比率、索提诺比率、最大回撤）、CSV数据处理、相关性分析、合约乘数调整和性能优化模式，是开发量化交易分析系统、回测平台和投资组合管理软件的重要技术参考。关键词：量化交易、投资组合分析、React架构、TypeScript、Chart.js、夏普比率、回测系统、前端开发、金融科技。