前端开发 Skill技能列表
NuxtContentv3内容管理系统Skill nuxt-content
Nuxt Content v3 是一个基于 Git 的内容管理系统（CMS），专为 Nuxt.js 项目设计，用于管理 Markdown、YAML、JSON 和 CSV 文件，提供类型安全查询、模式验证（支持 Zod 和 Valibot）、全文本搜索、导航工具和 SQL 存储。适用于构建博客、文档网站、内容驱动应用等，支持 Cloudflare 和 Vercel 部署，集成 Nuxt Studio 进行生产编辑。关键词：Nuxt Content, Git CMS, Markdown 管理, 类型安全查询, 全文本搜索, 前端开发, 内容集合, 部署优化
前端组件生成器Skill frontend-component
自动化生成React/Vue组件，包括TypeScript定义、测试和样式，遵循最佳实践，提高开发效率。
移动响应式网页开发Skill mobile-responsiveness
移动响应式网页开发技能专注于构建响应式、移动优先的网页应用，涵盖响应式布局设计、触摸交互优化、移动导航实现和屏幕尺寸适配。关键词包括移动响应式、前端开发、CSS、React、响应式设计、移动优先、断点、触摸事件、视口优化。
Redux状态管理Skill redux
此技能提供Redux的全面指导，Redux是一个JavaScript状态管理库，用于管理应用程序的全局状态。它涵盖核心概念如store、action、reducer、middleware、selector，以及Redux Toolkit的使用，帮助用户学习状态管理、实现Redux模式和优化前端开发。关键词包括Redux、状态管理、JavaScript、前端开发、Redux Toolkit、store、action、reducer、middleware、selector、全局状态。
原子设计基础Skill atomic-design-fundamentals
原子设计基础技能用于应用Atomic Design方法论，将UI组件组织成夸克、原子、分子、有机体、模板和页面等层级，以构建可扩展、可维护的组件化用户界面设计系统。关键词包括原子设计、UI组件、设计系统、前端开发、组件化、可扩展性、可维护性。
Avalonia布局与Zafiro.Avalonia技能Skill avalonia-layout-zafiro
本技能专注于通过 Zafiro.Avalonia 库实现 Avalonia UI 的现代化、清洁和可维护布局，利用语义容器、共享样式和最小化 XAML 冗余，提升开发效率和代码质量。关键词：Avalonia UI, Zafiro.Avalonia, UI布局优化, 语义容器, 共享样式, XAML简化, 前端开发。
ReactuseState懒初始化Skill rerender-lazy-state
此技能涉及在React前端开发中使用useState函数的懒初始化技术，以避免在每次渲染时重复计算昂贵的初始值，提高应用性能。适用于构建搜索索引、解析JSON或复杂计算等场景。关键词：React, useState, 懒初始化, 性能优化, 前端开发
Figma设计实现Skill figma-implement-design
该技能用于将Figma设计节点转化为生产就绪的代码，确保1:1视觉保真度，通过Figma MCP工作流实现设计上下文提取、截图捕获、资产下载和项目约定翻译。关键词包括：Figma设计、代码实现、视觉保真度、MCP工作流、设计系统集成。
网页无障碍审计专家Skill AccessibilityAuditor
这个技能用于网页可访问性审计，确保网站符合WCAG 2.1 AA/AAA标准，实现ARIA属性，测试屏幕阅读器兼容性，并提供无障碍设计指导。关键词：网页可访问性、WCAG合规、ARIA实现、无障碍设计、屏幕阅读器测试、ADA合规。
React19性能优化Skill react
这个技能提供React 19应用程序的性能优化指南，涵盖并发渲染、服务器组件、表单操作、数据获取、状态管理、记忆化和组件模式等关键主题，帮助前端开发者提升应用性能、减少重新渲染和优化开发效率，关键词包括React 19、性能优化、并发渲染、服务器组件、表单操作、数据获取、状态管理。
nuqs最佳实践Skill nuqs
本技能提供nuqs在Next.js应用中实现类型安全URL查询状态管理的最佳实践指南，包含42条规则，覆盖8个类别，帮助开发者进行代码生成、重构和代码审查。关键词：nuqs, Next.js, URL状态, 查询参数, 类型安全, 前端开发。
网页界面审查技能Skill web-design-guidelines
这个技能用于自动审查用户界面代码，确保其符合网页界面最佳实践，涵盖可访问性、焦点状态、表单、动画、性能、排版等多个方面，帮助前端开发者提升代码质量和用户体验。关键词：UI审查、前端开发、可访问性、性能优化、代码审计、网页设计、用户体验。