页面构建器是一个基于Tailark组件库的辅助工具，专为快速搭建高质量的营销落地页、官网、定价页、关于页和联系页而设计。它提供预构建的UI组件（如英雄区、功能展示、客户评价、定价表等），支持通过复制和自定义代码来灵活调整布局、文本和图片，遵循Tailwind CSS和Shadcn UI的最佳实践，帮助前端开发者和营销人员高效构建响应式、美观的网站页面，提升开发效率和页面转化率。关键词：页面构建、Tailark组件、营销网站、落地页开发、前端组件库、Tailwind CSS、Shadcn UI、Next.js、UI开发。

本技能提供了一套完整的 Next.js 应用身份验证集成方案，专门针对 App Router 架构，使用 Better Auth 库实现。核心功能包括：JWT令牌管理、会话状态同步、受保护路由中间件、社交登录集成以及安全的身份验证流程。适用于需要用户登录、权限控制和安全会话管理的现代Web应用开发。关键词：Next.js身份验证、Better Auth集成、JWT令牌、会话管理、受保护路由、App Router、前端安全、用户登录、社交登录、身份验证中间件。

生成输出技能是一个自动化工具，旨在根据用户预先定义的标准、原则和常见模式，将经过验证的需求高效、规范地转化为可直接使用的最终交付物。该技能的核心功能是代码生成、文档撰写、测试用例创建和内容生产，确保输出结果符合最佳实践和用户个性化要求。关键词：自动化代码生成，标准化文档模板，AI辅助开发，需求转交付，智能内容创作，最佳实践遵循，模式化输出。

HTML结构验证器是一个自动化质量检查工具，用于验证AI生成的HTML5文档的结构完整性和语法正确性。作为流水线中的阻塞式质量门，它检查DOCTYPE声明、标签闭合、必需元素、内容结构等10个关键方面，确保输出符合Web标准。当验证失败时自动停止流程并通知用户，提供详细的JSON格式报告。适用于前端开发、自动化测试、AIGC内容质量控制和DevOps流水线集成。

UnoCSS 是一个即时、灵活、可扩展的原子化 CSS 引擎，作为 Tailwind CSS 的超集，提供高效的前端样式开发解决方案。它通过预设系统提供丰富的 CSS 工具类，支持规则、快捷方式、主题、变体等核心功能，并能与 Vite、Nuxt 等现代前端框架无缝集成。关键词：UnoCSS, 原子化CSS, Tailwind CSS, 前端样式, CSS框架, 工具类, 预设, 前端开发工具。

这是一个用于自动审查Web界面代码是否符合设计规范的AI工具。它能够检查UI代码的可访问性、用户体验和最佳实践合规性，帮助开发者快速发现和修复设计问题。关键词：UI审查、可访问性检查、设计规范、用户体验审计、Web开发、前端代码检查、Vercel指南。

提供使用 TanStack Query 和 Axios 构建 API 客户端的专业指导，包括 JWT 令牌管理、错误处理、响应解析和分页列表处理。

Exa 研究技能使用 Exa AI 工具进行网络搜索和代码上下文检索，用于技术研究、代码示例查找、最新工具发现或任何主题的综合信息收集。

本技能涉及如何设计和实现大型Angular应用程序，使用特性模块、懒加载、服务和RxJS等技术，以实现响应式编程和模块化架构。

通过使用 BEM、SMACSS 和 CSS-in-JS 模式等方法，构建可扩展、可维护的 CSS 架构系统，适用于大型项目和团队协作，关键词包括 CSS 架构、BEM、SMACSS、CSS-in-JS、样式组件。

响应式网页设计是一种网页开发技术，它使用CSS Grid、Flexbox、媒体查询等现代CSS技术，以创建适应不同屏幕尺寸和设备类型的网页布局。

进行综合性的网站性能审计，测量页面加载速度，识别性能瓶颈，并推荐优化措施以提升用户体验和搜索引擎优化（SEO）。