该技能用于使用JavaScript和TypeScript进行Web开发，涵盖前端开发（如React）、后端开发（如Node.js）以及全栈项目构建。关键词包括JavaScript、TypeScript、前端开发、后端开发、ES6+、Node.js、React、Web框架。

这个技能用于创建独特、生产级的前端界面，强调创意设计和避免通用AI美学。它生成高质量、视觉冲击力的代码，适用于Web组件、页面和应用程序开发，确保界面既功能完整又具有独特美学风格。关键词：前端设计，创意代码，美学界面，避免AI通用，生产级开发。

这个技能专注于React应用中的状态管理，帮助开发者选择和实施合适的解决方案，包括Context、Zustand、Redux Toolkit、TanStack Query和Jotai，用于处理本地状态、全局状态和服务器状态。关键词：React状态管理，全局状态管理，服务器状态管理，前端开发。

这个技能用于在前端开发中优化条件渲染，特别是在 React 和 TypeScript 环境中。通过使用显式三元运算符替代逻辑与运算符，避免当值为 0、NaN 或其他假值时意外渲染，提升代码可靠性和用户体验。关键词包括：条件渲染、三元运算符、React、TypeScript、前端开发、假值处理、优化技巧。

一种软件设计模式，用于在需要异步初始化的客户端中实现同步构造和异步属性，使模块可导出并在UI组件中同步使用，避免顶级await问题。适用于前端开发，如SvelteKit应用，通过UI渲染门确保异步工作完成后才渲染UI。关键词：同步构造、异步属性、UI渲染门、前端开发、模块导出、SvelteKit、异步初始化。

Nuxt SEO优化模块是一个用于Nuxt.js框架的SEO工具集，提供配置SEO、生成robots.txt和sitemap.xml、创建动态OG图像、添加JSON-LD结构化数据等功能，帮助提升网站搜索排名和用户体验。关键词：Nuxt SEO、SEO优化、站点地图、OG图像、结构化数据。

这个技能是React生态系统专家，专注于帮助开发者掌握React hooks、状态管理、组件模式、React 19新特性（如编译器、动作、useActionState、useOptimistic）、Shadcn UI和Radix原语。它提供最佳实践指南、代码审查、性能优化和可访问性建议，用于构建高性能、可扩展的现代React应用。关键词：React, hooks, 状态管理, 组件, React 19, Shadcn UI, Radix, 前端开发, 性能优化, 可访问性。

Figma MCP 是一个技能，用于通过 Figma MCP 服务器将 Figma 设计自动化转换为生产代码。它允许用户根据 Figma URL 或节点 ID 获取设计上下文、截图和资产，然后按照项目规范（如 React 和 Tailwind）实现代码，确保视觉和行为与设计一致。关键词：Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化集成。

泳道可视化技能用于设计泳道用户界面模式，以实时可视化AI Developer Workflow的执行。适用于构建观测性仪表板、监控代理工作流进度和创建实时状态显示。关键词包括：泳道可视化、UI设计、前端开发、实时更新、AI工作流、WebSocket集成、事件监控、工作流调试。

设计令牌管理技能用于实现和维护设计令牌系统，覆盖令牌模式、命名约定、转换管道和多平台交付，适用于设计系统的构建，提升UI/UX一致性和开发效率。关键词：设计令牌、CSS变量、样式字典、设计系统、前端开发、SEO优化。

这个技能用于将网页转换为Markdown格式，特别适合处理JavaScript渲染的页面。它通过本地浏览器自动化工具（Puppeteer）和内容提取库（Readability）实现，可以生成干净的Markdown输出，便于内容管理和分析。关键词：网页转换、Markdown、Puppeteer、Readability、JS渲染、内容提取。

该技能用于优化Next.js应用的数据获取性能，通过使用React Server Components（RSC）将慢速客户端数据获取转换为快速服务器端数据获取，提高页面加载速度、SEO和用户体验。关键词：RSC、Next.js、数据获取、优化、服务器端渲染、React Server Components、前端开发。