此技能提供Next.js App Router的全面指导，帮助开发者创建和管理路由、布局、加载状态、错误边界等，优化前端应用结构。关键词：Next.js, App Router, 路由, 布局, 组件, 前端开发。

字体选择器技能用于帮助设计师和前端开发者浏览Google Fonts字体、生成字体配对和前端代码，优化设计项目的字体排版。关键词：字体选择、Google Fonts、前端设计、Tailwind配置、字体排版。

该技能专注于创建独特、生产级的前端界面，强调高质量设计和创意代码实现，避免通用的AI美学。适用于构建Web组件、页面和应用程序，关键词包括前端设计、Web开发、UI/UX、创意编码、美学界面。

这是一个自动化工具，用于比较和调整Figma设计与Web实现之间的视觉差异，确保设计一致性，提高前端开发效率和质量。关键词包括Figma、设计同步、CSS、Tailwind、Web开发、自动化、响应式设计。

JavaScript早期退出技巧用于在编码中尽早从函数或循环返回，以避免执行不必要的计算，从而提高代码性能和效率。适用于数据处理、输入验证、条件判断等场景。关键词：JavaScript，早期返回，代码优化，性能优化，函数设计。

这个技能专注于在 SvelteKit 前端框架中实现 SEO 优化和元标签管理，提供指南、最佳实践、代码审查和重构建议，帮助开发者提升网站可搜索性、代码质量和一致性。关键词：SvelteKit, SEO, 元标签, 前端开发, 代码标准, 最佳实践, 性能优化。

此技能用于生成用户界面（UI）组件和反馈表单，支持前端开发中的英雄区域、表单设计等元素，适用于网站和应用的界面构建及用户反馈收集。关键词：UI组件，反馈表单，前端开发，用户界面设计，表单生成，可访问性，SEO优化。

这个技能专注于生成用户界面组件和反馈表单，用于网站和应用的前端开发。它包括约束管理、组件生成和表单创建，强调可访问性和用户体验优化。适用于UI设计、前端工程、用户反馈收集和可访问性检查。关键词：UI组件、反馈表单、前端开发、可访问性、用户体验、生成技能。

该技能用于设计和实现响应式图像优化管道，支持多种现代图像格式（如AVIF和WebP），集成懒加载、srcset和CDN交付，适用于不同前端框架（如Next.js、Blazor），以提升网页性能、用户体验和SEO效果。关键词：图像优化、响应式设计、懒加载、srcset、WebP、AVIF、前端开发、性能优化。

Makepad字体渲染技能是一个专业用于在Makepad框架中进行字体配置、文本布局和GPU-based文本渲染的工具。它利用SDF（签名距离场）技术确保文本在任何分辨率下保持清晰，支持字体家族、大小、样式配置，以及文本整形和布局管理。关键词：Makepad, 字体渲染, 文本布局, SDF, GPU, 字体配置, 文本整形, 字体图集, 前端开发, UI框架

此技能专注于构建遵循WCAG 2.1/2.2标准的无障碍网页应用，确保网站对所有用户可访问，包括使用辅助技术的用户。涉及语义HTML、ARIA属性、键盘导航、屏幕阅读器支持、包容性设计等关键技术。关键词：无障碍开发、WCAG合规、网页可访问性、ARIA、键盘导航、屏幕阅读器、SEO搜索。

这个技能专注于使用 Svelte 5 框架进行高效前端开发，涵盖 TanStack Query 的突变模式管理、shadcn-svelte UI 组件库的集成与最佳实践，以及组件组合和自我封装的设计模式。适用于构建现代化、响应式的单页应用，提升开发效率和用户体验。关键词：Svelte, TanStack Query, shadcn-svelte, 前端开发, 组件开发, 状态管理, UI 设计, 数据突变