前端开发 Skill技能列表
NuxtUIv4前端组件库技能Skill nuxt-ui-v4
这个技能是用于使用 Nuxt UI v4 组件库进行前端开发，构建响应式、可访问的 Nuxt v4 应用程序。它提供了 125+ 个组件，支持 Tailwind CSS v4、AI 集成、主题定制和 TypeScript，适用于仪表板、AI 聊天界面、页面布局、表单、定价页面等多种场景。关键词：Nuxt UI、前端开发、Vue.js、Tailwind CSS、组件库、AI 集成、主题定制、TypeScript。
Nuxt内容管理技能Skill nuxt-content
Nuxt Content v3 是一个专为Nuxt.js框架设计的内容管理插件，用于构建内容驱动的Web应用。它提供类型化的集合管理、SQL查询、MDC渲染、数据库配置、NuxtStudio集成、钩子、i18n多语言支持和LLMs集成。适用于前端开发人员快速搭建博客、文档网站等内容密集型项目。关键词：Nuxt Content, 内容管理, 前端开发, Vue.js, Markdown, 数据库, 集合, 查询, 渲染, SEO。
Next.js全栈开发技能Skill nextjs
这是一个用于构建现代化全栈Web应用的专家级技能。它专注于Next.js框架，特别是App Router、React Server Components (RSC)、Server Actions、流式渲染、缓存策略和Vercel部署。该技能能帮助开发者快速搭建项目结构，实现服务器端渲染、数据获取、表单处理、API路由、高级路由模式（如并行路由、拦截路由）以及性能优化。适用于需要构建高性能、SEO友好、可扩展的Web应用程序的场景。关键词：Next.js, React, 全栈开发, App Router, Server Components, Server Actions, Vercel部署, 前端框架, Web应用开发。
dotnetBlazor模式设计Skill dotnet-blazor-patterns
这个技能专注于dotnet Blazor应用的架构设计，涵盖托管模型、渲染模式、路由、流式渲染、预渲染和AOT安全模式。它帮助开发者高效构建交互式Web应用，适用于前端开发、Web开发、.NET开发和Blazor框架。关键词：Blazor、dotnet、Web开发、前端、渲染模式、托管模型、路由、AOT安全、.NET 10、增强导航。
组件组装Skill assembling-components
组件组装技能用于将AI设计组件技能的输出整合成统一、生产就绪的应用程序系统，包括令牌验证、框架脚手架生成和组件集成。它支持React/Next.js、Python和Rust项目，确保设计令牌正确使用、组件无缝连接，并优化开发工作流程。关键词：AI设计组件、组件组装、令牌验证、框架脚手架、React开发、Python后端、Rust项目、前端集成、生产部署。
React组合模式技能Skill react-composition-patterns
这个技能专注于使用 React 组合模式来构建可扩展、易维护的前端组件。它避免布尔属性泛滥，通过复合组件、状态提升和上下文管理提升代码质量。适用于重构组件、开发组件库和设计 API。关键词：React, 组合模式, 前端开发, 组件架构, 状态管理, 复合组件, 渲染属性, React 19 API, 可维护性, 可扩展性, 组件库开发, 代码重构, 前端优化, UI 组件, 响应式设计, 前端框架, JavaScript, 软件开发最佳实践。
前端设计Skill frontend-design
该技能专注于创建独特、生产级别的前端界面，强调高质量设计和创意代码实现，避免通用AI美学。适用于构建网页组件、页面、应用程序等，生成视觉冲击力强的UI设计。关键词：前端开发、UI设计、代码美学、网页界面、生产级别、创意设计、前端技能。
React组件生成器Skill react-component
这是一个用于自动生成高质量、现代化React组件的技能工具。它专注于使用TypeScript、React Hooks和状态管理，并遵循无障碍（a11y）最佳实践。核心功能包括：一键生成函数组件、自定义Hooks和Context Provider，支持Props类型定义、样式配置和加载状态处理。适用于前端开发人员快速构建可复用、类型安全且易于维护的UI组件库，提升开发效率和代码质量。关键词：React组件生成，TypeScript，Hooks，前端开发，无障碍设计，状态管理，UI库。
核心网页指标优化Skill core-web-vitals
该技能专注于优化核心网页指标（LCP、INP、CLS），通过技术手段提升网页加载速度、交互响应性和视觉稳定性，从而改善用户体验和搜索引擎排名。关键词：核心网页指标、LCP优化、INP优化、CLS优化、性能优化、SEO、页面体验、前端性能。
浏览器内容获取Skill browser-get-content
浏览器内容获取技能用于自动化提取网页文本和特定元素信息，支持数据抓取、页面验证和元素读取等操作。关键词：浏览器自动化、网页内容提取、数据抓取、元素获取。
用户反馈与通知系统Skill providing-feedback
此技能实现了全面的用户反馈和通知系统，用于在软件应用中提供一致的系统状态通信、消息显示和用户确认处理，包括toast通知、模态对话框、进度指示器等。关键词：反馈系统、通知、用户界面、前端开发、React、可访问性。
屏幕阅读器技能Skill screen-reader
本技能专注于Web和软件的无障碍访问，特别是针对屏幕阅读器的兼容性测试与优化。它提供专家级指导，帮助开发者确保内容能被视障用户准确感知，涵盖阅读顺序管理、焦点控制、播报信息处理以及编写符合WCAG标准的可访问内容。关键词包括：屏幕阅读器、无障碍访问、Web可访问性、WCAG、前端测试、用户体验、辅助技术、NVDA、VoiceOver。