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

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

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

这个技能将精益制造原则（如5 Whys根因分析、Ishikawa因果图、PDCA循环）应用到软件开发中，用于系统问题解决、代码审查、生产事件分析和质量改进。适用于TypeScript/React项目，帮助团队实现持续改进、错误预防和标准化工作，提升开发效率和代码质量。关键词：精益制造、持续改进、5 Whys、Ishikawa、PDCA、软件开发、问题解决、代码质量、TypeScript、React、DevOps、质量保证。

这个技能提供了Material-UI v7组件库的使用模式，包括sx prop样式、主题集成、响应式设计和MUI特定钩子。适用于前端开发中的React项目，帮助开发者高效构建用户界面，提供最佳实践和代码示例。关键词：MUI, Material-UI, 前端开发, React组件, 样式设计, 主题定制, 响应式设计, 组件库

此技能用于配置Storybook前端开发工具，包括设置主配置、添加物、构建器和框架集成，以优化UI组件开发、文档生成和测试体验。关键词：Storybook、前端开发、配置、组件文档、UI测试、TypeScript、Vite、Webpack、React、Next.js。

这是一个用于快速生成数据录入表单、验证模式和对应CRUD API端点的开发工具。它帮助开发者高效构建和管理表单功能，提升开发效率，确保数据验证和API安全性。关键词：表单生成、数据验证、CRUD API、前端开发、后端开发、Zod模式、React表单、API路由。

本技能提供React+Vite应用程序与Bodhi JS SDK的完整集成方案，实现本地大语言模型聊天功能。包含OAuth身份验证、流式响应处理、GitHub Pages部署配置和故障排除指南。适用于前端开发者集成AI聊天功能、React应用添加LLM能力、Bodhi SDK连接配置等场景。关键词：React集成、Bodhi SDK、本地LLM、OAuth认证、流式聊天、GitHub Pages部署、前端AI应用、聊天机器人开发。

本指南旨在指导开发者如何在FlowGram项目的form-materials包中创建新的物料组件，涵盖组件位置、代码质量、物料设计和技术栈选择，以及详细的开发流程和最佳实践。关键词包括：FlowGram、物料组件、开发指南、代码规范、UI组件库、React。

这是一个用于为Terrae组件库自动化生成和更新技术文档的技能。它遵循预设的文档结构和模式，能够创建组件说明、API参考、周志更新等。关键词：Terrae组件文档，技术文档生成，React组件文档，Next.js文档自动化，开发文档工具。

该技能是用于创建复杂的 Claude.ai HTML 构件的前端开发工具套件，基于 React、Tailwind CSS 和 shadcn/ui 技术栈。它支持状态管理、路由和多组件构建，适用于需要高级前端功能的项目，提高开发效率和构件质量。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML 构件、Claude.ai、工具套件、状态管理、路由、前端技术。

一套基于React、TypeScript、Vite等现代前端技术的工具，用于快速构建和打包复杂的claude.ai HTML工件，支持状态管理、路由和丰富的UI组件，适合前端开发者和项目快速原型制作。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML工件、打包工具、状态管理、路由、组件化开发。