前端开发 - SkillsBot AI Skill技能库

构建Logseq插件Skill building-logseq-plugins

专家指导构建与新数据库架构兼容的 Logseq 插件，自动触发插件创建、API 使用、功能扩展或数据库图插件开发帮助，涵盖插件结构、API 使用和数据库特定考虑。

用户询问技能Skill ask-user

用户询问技能是一种用于软件开发和人工智能项目中的交互模式，旨在高效收集用户需求、澄清模糊点并获取关键决策。该技能通过提供具体选项、充分上下文和批量提问，帮助开发者、产品经理和AI智能体在需求分析、方案选择和范围界定阶段与用户有效沟通，避免误解和返工，提升协作效率。关键词：用户交互、需求收集、决策支持、选项呈现、范围澄清、软件开发、AI智能体、沟通模式。

无障碍可访问性(WCAG)Skill accessibility-wcag

本技能专注于构建符合WCAG 2.1/2.2标准的无障碍Web应用，涉及语义HTML、ARIA属性、键盘导航、屏幕阅读器支持、包容性设计、合规测试和用户体验优化，适用于前端开发中确保所有用户（包括残疾人）能够访问和使用Web内容，提升Web可访问性和SEO友好性。

国际化助手Skill internationalization-helper

国际化助手是一个用于管理和实施软件多语言支持的技能。它专注于提取硬编码字符串、管理翻译文件、确保区域覆盖，并遵循最佳实践来简化应用程序的国际化（i18n）和本地化（l10n）流程。关键词：国际化 i18n，本地化 l10n，多语言应用，翻译管理，区域设置，前端开发，软件开发。

Webpack前端打包与配置技能Skill webpack

Webpack是一个广泛用于前端开发的模块打包工具，提供配置管理、资源加载、代码分割和性能优化功能，通过插件和加载器扩展，支持构建现代化Web应用程序。关键词：前端开发、Webpack配置、模块打包、构建优化、代码分割、JavaScript打包、开发工具。

设计系统专家Skill design-systems

设计系统专家技能专注于创建可扩展的设计基础，包括基于令牌的主题化、一致的组件API、设计系统架构和清晰文档。关键词：设计系统、令牌、主题化、组件、架构、前端开发、CSS、React、测试驱动开发、性能优化。

UI/UX智能库与推荐专家Skill UI/UXIntelligenceExpert

这个技能是一个综合的UI/UX设计指南库，提供多种风格、配色方案、字体搭配和UX最佳实践，支持跨技术栈的设计系统生成，适用于网页和移动应用开发。关键词：UI设计、UX设计、配色方案、字体搭配、设计系统、响应式设计、无障碍设计、性能优化、前端开发。

create-typescript-x402-nextjsSkill create-typescript-x402-nextjs

创建带有x402支付保护的Next.js应用程序，利用Algorand区块链支付实现HTTP 402支付门控路由。

前端设计技能专注于创建具有高设计质量、独特且可直接用于生产环境的前端用户界面。它强调跳出常规的AI生成美学，通过创意性的排版、色彩、动效和空间构成，打造令人难忘的视觉体验。该技能适用于构建Web组件、单页或完整应用程序，要求开发者具备深刻的设计思维，能够根据项目目的、受众和约束，选择并坚定执行一个大胆的美学方向（如极致简约、复古未来、工业实用等），最终交付功能完善、细节精致、具有强烈品牌识别度的代码。

vercel-react-best-practicesSkill vercel-react-best-practices

Vercel React 最佳实践是一套全面的 React 和 Next.js 性能优化指南，由 Vercel 维护。这套指南包含 45 条规则，覆盖 8 个类别，旨在指导开发者在编写、审查或重构 React/Next.js 代码时，遵循最佳性能模式。关键词包括：性能优化、React 组件、Next.js 页面、数据获取、捆绑包优化、性能改进。