前端开发 Skill技能列表
Blazor认证与授权技能Skill dotnet-blazor-auth
本技能专注于在.NET Blazor应用中实现完整的认证和授权解决方案，覆盖登录/注销流程、AuthorizeView组件、ASP.NET Core Identity UI集成、OIDC外部身份提供商，支持多种Blazor托管模型（Server、WASM、Auto、SSR、Hybrid），并包括角色和策略授权机制，适用于前端开发者和全栈工程师构建安全、高效的Web应用。关键词：Blazor认证、Blazor授权、.NET安全、ASP.NET Core Identity、OIDC、前端开发。
Vue响应性系统Skill vue-reactivity-system
Vue响应性系统是Vue.js框架的核心部分，基于JavaScript Proxies实现数据响应式更新，包括ref、reactive、computed、watch等API，用于前端开发中的状态管理、性能优化和复杂数据流处理，关键词包括Vue、响应性、ref、reactive、computed、watch、状态管理、前端开发。
HTML工件构建器Skill artifacts-builder
此技能用于创建交互式HTML工件，如迷你应用、数据可视化、计算器和工具，可以嵌入网站或作为独立应用使用。适用于前端开发、网页设计和交互式内容创建。关键词：HTML, JavaScript, 交互式应用, 数据可视化, 网页开发, Claude.ai工具, 前端构建。
PiniaVue状态管理Skill pinia
Pinia 是 Vue 的官方状态管理库，提供类型安全、可扩展性和直观的 API，适用于 Vue 应用中的状态管理、存储定义和组件通信。关键词：Vue 状态管理、Pinia、TypeScript、可扩展、前端开发、Vue 插件。
UI-UX全能专家Skill ui-ux-pro-max
UI/UX设计智能工具，提供50+种风格、161种颜色调色板、57种字体搭配、161种产品类型、99条UX准则和25种图表类型，覆盖React Native等10个技术栈。适用于页面设计、组件创建、颜色系统、排版、动画、表单、导航、图表的规划、构建、审查、修复和优化。关键词：UI设计、UX设计、前端开发、移动端设计、颜色调色板、字体搭配、风格选择、React Native、设计系统、可访问性、交互设计。
Tamagui最佳实践指南Skill tamagui-best-practices
Tamagui跨平台UI框架高级开发指南，涵盖配置v4、编译器优化、样式化上下文、复合组件、主题系统、性能优化和常见反模式。适用于React Native和Web应用开发，提供TypeScript最佳实践、设计令牌管理和跨平台适配方案。
Remotion渲染技能Skill remotion-render
这个技能用于通过React/Remotion组件代码渲染视频，支持所有Remotion API，如useCurrentFrame、useVideoConfig、spring、interpolate等。可配置分辨率、FPS、时长和编解码器，适用于程序化视频生成、动画图形、运动设计、数据驱动视频和React动画转视频。关键词：视频渲染、React、Remotion、代码生成视频、程序化视频、动画制作、TSX转MP4、前端动画。
原子设计：有机体Skill atomic-design-organisms
原子设计有机体技能专注于构建用户界面中的复杂组件，如导航栏、内容卡片和表单部分。它基于原子设计方法论，通过组合原子和分子来创建可重用、状态管理的独立UI部分，提高前端开发效率和代码可维护性。关键词：原子设计、UI组件、前端开发、React、组件化、状态管理、可重用性。
设计到生产Skill design-to-production
这是一个将HTML设计原型自动化转换为生产级React组件的引导式工作流工具。它支持玻璃态拟物化（Glassmorphism）UI设计风格，通过5步标准化流程（分析→映射→脚手架→实现→验证）确保代码质量。关键词：HTML转React、设计原型实现、玻璃态拟物化、组件脚手架、前端开发工作流、UI组件转换、代码质量验证、shadcn/ui集成
React最佳实践指南Skill react-best-practices
这是一份关于 React 框架性能优化与开发最佳实践的权威指南。它系统性地总结了来自官方文档和一线工程团队的经验，涵盖代码审查、性能调试、打包优化、副作用管理、状态设计等核心场景。关键词包括：React 性能优化、重渲染、代码分割、useEffect 最佳实践、状态管理、React 编译器、SSR、不可变更新、前端开发。
Docusaurus文档站点开发技能Skill docusaurus
Docusaurus文档站点开发技能是专门用于快速构建、配置和管理基于React的现代化文档网站的工具。该技能提供完整的Docusaurus项目配置、侧边栏管理、版本控制、国际化支持、自定义插件开发、MDX组件集成、Algolia搜索配置等功能。适用于技术文档、API文档、产品手册等文档站点的快速开发和维护，支持多语言、多版本、可搜索的文档体系构建。关键词：Docusaurus文档站点、React文档开发、技术文档配置、版本控制文档、国际化文档、Algolia搜索、MDX组件、文档自动化。
无障碍可访问性(WCAG)Skill accessibility-wcag
本技能专注于构建符合WCAG 2.1/2.2标准的无障碍Web应用，涉及语义HTML、ARIA属性、键盘导航、屏幕阅读器支持、包容性设计、合规测试和用户体验优化，适用于前端开发中确保所有用户（包括残疾人）能够访问和使用Web内容，提升Web可访问性和SEO友好性。