高级前端开发技能提供完整的工具和最佳实践，用于使用ReactJS、NextJS、TypeScript、Tailwind CSS等现代技术构建高性能Web应用程序。涵盖组件生成、包分析、前端脚手架、性能优化和UI最佳实践，适用于前端开发、React、NextJS、TypeScript、Web性能优化、组件库和前端工程化。

这个技能专注于前端开发的最佳实践模式，特别针对Next.js App Router、Clerk认证、shadcn/Radix UI组件和PostHog分析集成。它用于构建用户界面组件、创建页面、实现认证流程或添加分析事件，确保一致的用户体验模式和可访问性标准。关键词包括前端开发、Next.js、认证、UI模式、分析。

这个技能专注于配置Biome工具链，用于JavaScript和TypeScript项目的代码检查和格式化。包括设置biome.json配置文件、管理架构版本、集成Git等版本控制系统，以及优化项目组织，以提高开发效率和代码质量。关键词：Biome, JavaScript, TypeScript, 代码检查, 格式化, 工具链, 代码质量, 项目管理, VCS集成, CI/CD。

这个技能是一个前端构件构建工具，用于创建复杂的Claude.ai HTML构件，基于React、TypeScript、Vite、Tailwind CSS和shadcn/ui技术栈。它包括项目初始化、开发、打包和分享功能，适合需要状态管理和路由的前端项目。关键词：前端开发、HTML构建、React、TypeScript、Vite、Tailwind CSS、shadcn/ui。

TypeScript高级类型技能专注于TypeScript的类型系统的高级特性，如泛型、条件类型、映射类型、模板字面量类型和工具类型，用于开发类型安全的软件应用。关键词包括：TypeScript, 高级类型, 泛型, 条件类型, 映射类型, 模板字面量类型, 工具类型, 类型安全, 前端开发, 后端开发。

这个技能用于掌握现代JavaScript（ES6+）核心特性，包括箭头函数、解构、异步操作、函数式编程模式等，帮助开发者编写高效、可维护的前端代码，适用于重构遗留系统、优化Web应用性能及提升代码质量。关键词：JavaScript开发，ES6+，前端优化，异步编程，代码重构，函数式编程，性能提升。

此技能专注于开发独特、生产级的前端界面，强调高质量创意设计和避免通用AI美学。用于构建Web组件、页面或应用程序，提供精致代码和美学优化，提升用户体验和视觉吸引力。关键词：前端开发、创意设计、Web界面、美学优化、生产级代码。

这是一个用于启动和管理Agentuity项目本地开发服务器的命令行工具技能。它支持快速构建、热重载、自定义端口配置、本地模式运行以及控制公共URL访问等功能，是前端开发和全栈开发工作流中的高效开发辅助工具。关键词：Agentuity CLI, 开发服务器, 本地开发, 前端工具, 热重载, 命令行工具, 项目构建。

这是一个用于前端开发的UI保护技能，能自动锁定关键设计文件如tailwind.config和CSS变量，防止意外更改，提高开发效率和代码稳定性。适用于前端开发、UI设计、CSS管理、视觉回归测试、主题保护、UI组件锁定等领域，确保设计系统的一致性。关键词：UI保护、主题文件锁定、前端开发、CSS管理、视觉回归、设计系统保护。

此技能提供Next.js 16 App Router的全面性能优化指南，涵盖构建优化、缓存策略、服务器组件、路由、SEO等关键领域，帮助前端开发者提升应用性能和效率，适用于Next.js项目开发和性能调优。

这个技能用于审查Web前端代码，确保符合可访问性、用户体验和性能标准，生成按文件分组的详细审查报告，适用于代码审计、PR审查和合规报告生成。关键词：前端开发、UI审查、可访问性、性能优化、代码质量、Web界面指南、合规检查。

该技能专用于审查JavaScript和Stimulus前端代码，检测和预防竞态条件，提升UI质量和用户体验。关键词：JavaScript, Stimulus, 竞态条件, 前端开发, 代码审查, UI质量, 数据竞争, 时序管理。