这个技能用于将原子设计方法论与现代前端框架如 React、Vue、Angular 集成，提供项目结构、组件模板、测试和配置的最佳实践，关键词包括：原子设计、前端开发、React、Vue、Angular、组件集成、项目结构、Storybook、测试。

Portfolio Buddy 2 是一个基于 React 19 和 TypeScript 构建的投资组合分析工具。它为投资者和期货交易者提供交易策略对比、资产相关性分析、风险指标计算（如夏普比率、索提诺比率、最大回撤）、CSV数据上传与可视化、以及基于合约乘数的期货交易指标调整功能。该技能主要用于前端开发、量化金融分析和数据可视化项目。 关键词：投资组合分析，量化交易，React 19，TypeScript，风险指标，夏普比率，索提诺比率，相关性矩阵，期货交易，数据可视化，Supabase

这个技能涵盖了Shopify电商平台的全面开发参考，包括Liquid模板语言、主题开发（OS 2.0）、GraphQL Admin API、Storefront API、自定义应用开发、Shopify Functions、Hydrogen框架、性能优化和调试。适用于处理.liquid文件、创建主题部分和块、编写GraphQL查询或突变、使用CLI和Polaris构建Shopify应用、通过Ajax API实现购物车操作、优化Shopify商店的核心Web指标、调试Liquid或API错误、配置settings_schema.json、访问Shopify对象（产品、集合、购物车、客户）、使用Liquid过滤器、创建应用扩展、处理webhooks、从Scripts迁移到Functions，或使用Hydrogen和React Router 7构建无头商店前端。关键词：Shopify开发、电商平台、Liquid模板、GraphQL API、主题定制、应用开发、性能优化。

React 专家技能专注于提供 React 18+、Next.js 生态系统和现代 React 模式的深度开发支持。核心能力包括使用 Hooks、并发渲染、状态管理（如 Zustand、TanStack Query）以及性能优化，旨在构建高性能、可扩展且类型安全的 React 应用程序。适用于前端开发、组件库构建、性能调优和复杂状态管理场景。 关键词：React 开发，React 18，Next.js，状态管理，Zustand，TanStack Query，性能优化，TypeScript，前端开发，组件设计

此技能通过Figma MCP服务器自动将Figma设计图中的组件和框架转换为生产级前端代码，支持React、Vue、HTML/CSS等多种框架，优化设计到开发的工作流，提升效率。关键词：Figma, 组件代码生成, 设计到代码, 前端开发, 自动化工具, 设计系统, 可访问性, 响应式设计。

Context7 MCP 是一个用于高效检索和查询编程库及框架官方文档的工具。它通过预索引技术提供结构化、权威的文档内容，支持React、Vue、Node.js等多种技术栈。该工具能显著减少AI对话中的令牌消耗，提升开发文档查询的精确度和速度，是程序员和AI助手进行技术文档检索的优化解决方案。关键词：Context7 MCP，文档检索，库文档查询，AI开发工具，编程文档索引，令牌优化，技术栈支持。

全栈开发技能，提供项目脚手架、代码质量分析和架构模式指导，支持React、Next.js、Node.js、GraphQL、PostgreSQL等现代技术栈，适用于构建和优化Web应用程序，关键词：全栈开发、代码质量、架构模式、React、Node.js、PostgreSQL、SEO优化。

Tamagui跨平台UI框架高级开发指南，涵盖配置v4、编译器优化、样式化上下文、复合组件、主题系统、性能优化和常见反模式。适用于React Native和Web应用开发，提供TypeScript最佳实践、设计令牌管理和跨平台适配方案。

Docker容器化技能专为现代化Web应用（如Next.js、React、Node.js）提供全面的容器化解决方案。该技能涵盖Dockerfile生成、docker-compose配置、容器管理脚本以及多平台部署指南，支持开发、生产、CI/CD全流程。关键词：Docker容器化、多阶段构建、容器编排、Kubernetes部署、云原生、DevOps自动化、镜像优化、微服务部署、CI/CD集成、云平台部署。

本技能专注于使用Next.js 16框架构建现代化Web应用程序，涵盖从项目初始化、架构设计到部署的全流程。内容包括Next.js 16的重大变更（异步params/searchParams、Turbopack、缓存组件）、App Router模式、服务器组件与客户端组件的最佳实践、API路由设计、中间件配置（proxy.ts）、数据获取策略、项目结构规范以及开发工具集成（Next.js DevTools MCP）。适用于前端开发者、全栈工程师构建高性能、可扩展的React应用，特别适合需要SEO优化、服务器端渲染和现代化开发体验的项目。

自动化设置视觉回归测试，支持Chromatic, Percy, BackstopJS，适用于React, Vue, Svelte框架，集成至GitHub Actions, GitLab CI, CircleCI工作流。

React Native 专家技能专注于使用 React Native 新架构（Fabric/TurboModules）、JSI 和 Expo 构建高性能跨平台移动应用。核心能力包括原生模块开发、性能优化、架构迁移、Expo 工作流配置以及复杂原生 SDK 集成。关键词：React Native，新架构，Fabric，TurboModules，JSI，Expo，原生模块，性能优化，跨平台开发，移动应用开发。