前端开发 - SkillsBot AI Skill技能库

前端设计Skill frontend-design

该技能用于创建独特、生产级的前端接口，注重高质量设计和创意美学，避免通用AI风格。适用于构建Web组件、页面、应用程序等，生成功能性和美观性的代码与UI。关键词：前端设计、UI设计、Web开发、生产级、创意美学。

Web接口指南合规审查工具Skill web-design-guidelines

该技能用于自动审查Web UI代码是否符合Web接口指南，包括检查可访问性、设计审计、用户体验（UX）评估和最佳实践合规性。它通过获取最新指南、分析代码文件并输出问题报告，帮助开发者优化网站设计和功能。关键词：UI审查、可访问性检查、设计审计、UX审查、Web最佳实践、前端开发、代码合规。

shadcn/ui 是一个前端开发技能，用于快速构建基于 React 的应用用户界面。它提供了一系列预设计的、美观且可访问的 UI 组件，基于 TypeScript、Tailwind CSS 和 Radix UI，支持通过 CLI 工具复制和粘贴组件到项目中，实现高效的 UI 开发和自定义。关键词：前端开发、UI 组件、React、Tailwind CSS、shadcn/ui、Radix UI、TypeScript、可访问性、深色模式、表单验证。

前端设计Skill frontend-design

此技能专注于创建独特、生产级的前端接口，强调高质量设计、创意美学和避免通用AI风格。适用于构建网页组件、页面、应用程序等，注重细节、字体、颜色、动效和空间构成，以实现令人难忘的用户体验。关键词：前端设计、UI设计、网页开发、创意接口、生产级、美学设计、UI/UX。

Web设计指南审查Skill web-design-guidelines

这是一个 AI 技能，用于自动化审查用户界面代码是否符合 Web Interface Guidelines，提升网站的可访问性、用户体验和设计合规性，关键词包括 UI 审查、可访问性审计、Web 设计指南、前端开发、代码审计。

现代JavaScript模式Skill modern-javascript-patterns

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

Pinia状态管理技能Skill pinia

这个技能提供 Pinia 状态管理专长，用于在 JARVIS AI 助手中管理应用状态，包括系统指标、用户偏好和 HUD 配置。它专注于前端开发，使用 Vue.js 和 TypeScript 实现类型安全和高效状态管理，适用于实时数据同步和 SSR 安全场景。关键词：Pinia, Vue.js, 状态管理, TypeScript, 前端开发, JARVIS, 实时同步, SSR 安全。

动效设计技能Skill motion-design

动效设计技能专注于创建用户界面中的动画效果，包括HUD动画、时序管理、弹簧物理、微交互等，旨在提升用户体验、提供反馈并确保可访问性。适用于前端开发、UI设计和性能优化场景。关键词：动效设计、UI动画、前端动画、CSS动画、JavaScript动画、性能优化、无障碍设计、HUD动画。

JavaScript开发专家Skill javascript-expert

JavaScript开发专家技能专精于利用现代JavaScript技术（包括ES6+、Node.js、浏览器API）开发高性能、安全、可维护的应用程序，涵盖异步编程、性能优化、安全编程、测试驱动开发等关键领域，适用于前端和后端开发场景。关键词：JavaScript开发、ES6特性、Node.js、浏览器API、异步编程、性能优化、安全编程、TDD测试。

GSAPHUD动画开发技能Skill gsap

本技能提供GSAP（GreenSock动画平台）专业知识，用于在JARVIS AI助手HUD中创建平滑、专业的动画。主要应用包括HUD面板入场/出场动画、状态指示器过渡、数据可视化动画、滚动触发效果和复杂时间线序列。强调测试驱动开发、性能优化、内存管理、可访问性和高质量代码实践，适用于前端开发场景。关键词：GSAP, 动画, JARVIS, HUD, 前端开发, Vue.js, 性能优化, TDD, 可访问性。