前端开发 - SkillsBot AI Skill技能库

优质前端设计技能Skill frontend-design

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

Convex实时应用开发Skill convex-realtime

Convex实时应用开发技能用于构建反应式应用程序，专注于实时数据订阅、乐观更新、智能缓存和基于游标的分页查询。关键技术包括Convex平台集成、React前端开发、实时数据同步、性能优化，适合前端开发者提升用户体验和效率。关键词：Convex、实时、订阅、乐观更新、缓存、分页、React、前端开发、反应式应用。

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

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

前端设计Skill frontend-design

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

React组件生成器Skill react-component-generator

这是一个用于自动化生成符合规范的React组件的技能，支持TypeScript、Hooks、CSS Modules和测试文件，旨在提升前端开发效率和代码质量。关键词：React, TypeScript, 组件生成, 前端开发, 自动化工具, CSS Modules, Hooks, 测试文件, 代码规范。

TailwindCSSSkill tailwindcss

Tailwind CSS 是一个实用优先的CSS框架，专为快速用户界面开发设计，支持响应式布局、暗黑模式、自定义主题和设计系统构建，适用于各种Web框架，如React、Vue、Svelte等。关键词：CSS框架、实用优先、响应式设计、暗黑模式、UI开发、前端工具。

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

Remix图标库实现技能Skill remix-icon

Remix图标库实现技能是一个指导如何集成和使用RemixIcon图标库的指南，RemixIcon提供3100多个中立风格图标，包括线性和填充两种样式。该技能适用于前端开发、UI设计、应用程序图标添加等场景，支持Webfonts、SVG、React、Vue等多种集成方式，涵盖安装、使用模式、最佳实践和故障排除。关键词：图标库，RemixIcon，前端开发，UI设计，SVG图标，React集成，Vue集成，图标实现，Webfonts，UI组件。

Next.js前端框架Skill nextjs

Next.js 是一个基于 React 的前端开发框架，专为构建生产级全栈 Web 应用设计，支持服务器端渲染、静态生成和自动优化功能。此技能适用于构建高效、可扩展的 Web 应用，实现现代路由架构、数据获取、性能优化和 SEO 提升。关键词：Next.js, React框架, 服务器端渲染, 静态生成, Web开发, 前端框架, 性能优化, SEO, 全栈应用。

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

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

VercelReact最佳实践Skill vercel-react-best-practices

这个技能提供了一套全面的 React 和 Next.js 性能优化指南，由 Vercel Engineering 维护。它包含 57 条规则，覆盖消除瀑布流、优化包大小、服务器端性能等关键领域，帮助开发者在编写、评审或重构代码时实现最佳性能。关键词：React, Next.js, 性能优化, Vercel, 前端开发。