前端开发模式技能旨在指导开发者使用 Next.js App Router、Clerk 认证、shadcn/ui 组件和 PostHog 分析的既定最佳实践，确保前端开发一致性、可访问性和用户体验。适用于构建 UI 组件、实现认证流程、添加表单验证、集成分析事件等场景，提升开发效率和代码质量。关键词：前端开发，Next.js，Clerk 认证，shadcn/ui，PostHog 分析，响应式设计，可访问性，模式，最佳实践。

Tailwind CSS 开发技能专注于使用实用优先的 CSS 框架，为 JARVIS AI 助手界面提供高效、一致且可维护的样式设计，适用于 HUD 设计、响应式布局、动画效果和性能优化。关键词包括：Tailwind CSS、前端开发、CSS 框架、JARVIS UI、HUD 设计、响应式布局、测试驱动开发、性能优化、实用优先样式。

该技能专注于使用shadcn/ui组件、Tailwind CSS实用样式和画布可视化设计创建美观、可访问的用户界面。适用于前端开发，用于构建响应式布局、实现暗模式、自定义主题，并建立一致的设计系统。关键词包括：UI设计、前端开发、shadcn/ui、Tailwind CSS、响应式设计、暗模式、可视化设计、可访问组件。

该技能用于构建fe-tools monorepo中的软件包，通过运行npm命令进行TypeScript编译和错误处理，涉及构建、编译、修复等关键词，适用于前端开发流程。

这个技能用于在fe-tools项目中添加或修改实用程序函数，涵盖前端、后端、Canvas和AI等环境，提高开发效率，支持工具库扩展和模块化开发。关键词：实用函数、fe-tools、前端开发、工具函数、模块化开发、TypeScript、SEO。

此技能用于在fe-tools中添加或修改实用函数，涵盖从需求分析到代码实现的完整工作流程，包括包选择、避免重复、类型安全、文档编写、测试和验证。关键词：实用函数、前端开发、代码添加、JSDoc、单元测试。

此技能专注于TypeScript中的类型安全实践，通过启用严格模式、添加精确的类型定义、消除any类型、使用工具类型等方法，确保代码的健壮性和可靠性，有效预防运行时错误。关键词：TypeScript、类型安全、严格模式、类型定义、类型错误、工具类型、类型守卫、泛型、代码质量。

此技能用于在软件开发中建立和执行编码标准、最佳实践和架构模式，通过使用ESLint、Prettier等工具和代码审查流程，来维护代码质量、一致性和团队协作效率。关键词：编码标准、代码质量、ESLint、Prettier、代码审查、团队协作、架构模式、预提交钩子、TypeScript严格模式、一致性维护。

此技能专为 Tailwind CSS 开发者设计，用于代码重构和 v4 迁移。它提供最佳实践指南，帮助清理废弃工具类、整合冗长模式、更新语法，并确保兼容性，同时保持视觉一致性。关键词：Tailwind CSS，重构，v4 迁移，前端开发，代码优化，CSS 框架。

这个技能用于执行全面的网站质量审计，基于Google Lighthouse工具，覆盖性能、可访问性、SEO和最佳实践等方面。它提供详细的问题分析、修复建议和代码示例，帮助开发者优化网站用户体验、提升搜索排名并确保技术合规。关键词包括网站审计、性能优化、可访问性测试、SEO检查、Lighthouse、前端优化、Web开发。

此技能用于创建独特、生产级的前端界面，专注于高质量UI设计和创意编码，避免通用AI美学，适用于网页组件、React、HTML/CSS开发、美学设计、创意布局等场景，提升用户体验和视觉冲击力。关键词：前端开发、UI设计、网页界面、创意编码、美学设计、生产级代码、React组件、HTML/CSS布局、用户体验优化。

这个技能用于自动审查网页UI代码，确保其符合最新网页界面指南，提升可访问性、用户体验和设计质量。适用于前端开发中的代码审计和最佳实践检查，关键词包括UI审查、可访问性、设计审核、网页设计、界面指南、a11y、可用性、代码审查。