前端开发 Skill技能列表
前端设计Skill frontend-design
前端设计技能专注于创建高质量、独特且生产级别的网页用户界面，强调设计思维和美学创新。适用于开发网站、应用、组件等，确保代码精致、UI美观，避免通用AI风格。关键词包括：前端开发、UI设计、网页设计、响应式布局、创意设计、生产级代码、美观界面、设计思维、网页组件、AIGC应用。
Hugo静态站点生成与部署技能Skill hugo
此技能专注于使用Hugo静态站点生成器快速构建博客、文档网站和落地页，集成Tailwind CSS v4和Sveltia CMS，并部署到Cloudflare Workers。提供完整解决方案，包括错误预防、模板使用和SEO优化。关键词：Hugo, 静态站点生成器, Tailwind CSS, Sveltia CMS, Cloudflare部署, 前端开发, DevOps, 网站构建
性能优化Skill performance-optimization
此技能专注于Web性能优化，通过技术如代码分割、懒加载、图像优化、缓存策略和核心网页指标监控，以提升网站加载速度、用户体验和SEO排名，适用于前端开发和性能工程领域。关键词包括：Web性能优化、代码分割、懒加载、图像优化、缓存策略、核心网页指标、前端开发、性能监控。
Markdown文档处理器Skill markdown-processor
Markdown文档处理器是一款专业的文档处理工具，专门用于解析、渲染、验证和转换Markdown与MDX格式的技术文档。支持自动生成目录、链接验证、前置元数据处理、图表嵌入（Mermaid/PlantUML）和多种格式转换（HTML/PDF/DOCX等）。适用于技术文档编写、API文档生成、架构设计文档、开发文档管理等场景，提升文档质量和维护效率。关键词：Markdown处理，MDX解析，文档自动化，技术文档，目录生成，链接验证，图表嵌入，文档转换，开发文档工具。
对比度检查器Skill contrast-checker
该技能是一个专业的Web无障碍（Web Accessibility）工具，主要用于计算和验证颜色对比度是否符合WCAG（Web Content Accessibility Guidelines）标准。它能自动检测前景色与背景色的对比度比率，评估是否符合AA或AAA合规等级，支持普通文本和大文本的不同要求，并能批量分析颜色对或整个调色板，为不符合标准的组合提供可行的替代颜色建议。核心功能包括WCAG合规性检查、对比度计算、批量分析、调色板评估和智能颜色建议。关键词：WCAG， 无障碍设计， 颜色对比度， 前端开发， 用户体验， 合规性检查， 调色板分析， 可访问性， AA标准， AAA标准。
agentuity-cli-devSkill agentuity-cli-dev
这是一个用于启动和管理Agentuity项目本地开发服务器的命令行工具技能。它支持快速构建、热重载、自定义端口配置、本地模式运行以及控制公共URL访问等功能，是前端开发和全栈开发工作流中的高效开发辅助工具。关键词：Agentuity CLI, 开发服务器, 本地开发, 前端工具, 热重载, 命令行工具, 项目构建。
Next.js架构专家Skill nextjs-architecture
此技能专注于提供 Next.js 框架的架构设计与优化解决方案。核心内容包括 App Router 路由模式、服务器组件实现、性能调优策略以及从旧版 Pages Router 的平滑迁移。适用于需要构建高性能、可扩展的全栈 Web 应用场景，帮助开发者遵循最佳实践，提升应用加载速度与开发效率。关键词：Next.js 架构，App Router 迁移，服务器组件，性能优化，全栈开发，React 框架。
Convex实时应用开发Skill convex-realtime
Convex实时应用开发技能用于构建反应式应用程序，专注于实时数据订阅、乐观更新、智能缓存和基于游标的分页查询。关键技术包括Convex平台集成、React前端开发、实时数据同步、性能优化，适合前端开发者提升用户体验和效率。关键词：Convex、实时、订阅、乐观更新、缓存、分页、React、前端开发、反应式应用。
VercelReact最佳实践Skill vercel-react-best-practices
这是一个用于React和Next.js应用性能优化的技能，提供Vercel工程团队的45条最佳实践规则，涵盖从消除瀑布效应到包大小优化等关键领域，旨在指导代码重构和自动化生成。关键词包括：React, Next.js, 性能优化, 前端开发, 代码审查, 数据获取, 包优化, 渲染性能, JavaScript优化。
实现命令面板Skill implementing-command-palettes
React命令面板开发指南，涵盖Cmd+K快捷键面板的键盘导航、滚动定位、过滤搜索和性能优化。关键词：React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化
品牌指南应用Skill brand-guidelines
品牌指南应用技能用于将品牌设计元素如颜色、字体、间距等一致地应用到文档、演示文稿、网页等各类材料中，确保品牌视觉识别系统的一致性，提升用户体验和品牌形象。关键词：品牌设计、CSS变量、前端开发、UI/UX、品牌一致性、视觉格式化。
网页制品构建器Skill web-artifacts-builder
这是一个用于构建基于现代前端技术的复杂HTML制品的工具套件，特别适用于Claude.ai平台。它使用React、Tailwind CSS和shadcn/ui，支持状态管理、路由和组件化开发，便于创建高质量的前端制品。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML制品构建、Claude.ai、状态管理、路由。