前端开发 Skill技能列表
SVG动画硬件加速优化Skill rendering-animate-svg
这个技能通过将动画SVG元素包装在div中，启用硬件加速以优化动画性能。适用于前端开发，特别是在像素艺术和8位复古风格的动画中，提高流畅度和用户体验。关键词：SVG动画、硬件加速、性能优化、前端开发、像素艺术、CSS变换、GPU加速。
静态JSX元素提升渲染优化Skill rendering-hoist-jsx
该技能用于在 React 前端开发中优化 JSX 渲染性能，通过提取静态 JSX 元素到组件外部，避免每次渲染时的重新创建，提高应用效率和响应速度，特别适用于大型静态 SVG 节点。关键词包括：React、JSX、渲染优化、静态元素、性能提升、前端开发、性能优化。
UI设计实现审查Skill design-implementation-reviewer
此技能专注于确保UI实现与Figma设计规范之间的像素级匹配，涉及视觉设计原则、CSS、响应式设计和跨浏览器兼容性审查。关键词：UI设计、Figma、实现审查、前端开发、CSS、响应式设计、视觉保真度。
前端竞态条件代码审查技能Skill julik-frontend-races-reviewer
该技能专用于审查JavaScript和Stimulus前端代码，检测和预防竞态条件，提升UI质量和用户体验。关键词：JavaScript, Stimulus, 竞态条件, 前端开发, 代码审查, UI质量, 数据竞争, 时序管理。
字体选择器Skill typography-selector
字体选择器技能用于帮助设计师和前端开发者浏览Google Fonts字体、生成字体配对和前端代码，优化设计项目的字体排版。关键词：字体选择、Google Fonts、前端设计、Tailwind配置、字体排版。
Effect-TS入门模式Skill effect-patterns-getting-started
这个技能提供6个精心挑选的Effect-TS入门模式，涵盖错误重试、值变换、并行处理等核心功能，帮助开发者快速上手Effect-TS应用，优化代码质量。关键词：Effect-TS, 入门, 模式, 函数式编程, TypeScript, 并发控制, 最佳实践。
算法艺术Skill algorithmic-art
算法艺术技能专注于使用p5.js库通过编程代码创建生成式艺术，强调种子随机性以确保作品可复现，并支持交互式参数探索。适用于代码艺术、生成艺术、流场模拟、粒子系统等创意编码项目，关键词包括：算法艺术、生成艺术、p5.js、代码艺术、流场、粒子系统、创意编码、可视化。
品牌指南应用Skill brand-guidelines
品牌指南应用技能用于将品牌设计元素如颜色、字体、间距等一致地应用到文档、演示文稿、网页等各类材料中，确保品牌视觉识别系统的一致性，提升用户体验和品牌形象。关键词：品牌设计、CSS变量、前端开发、UI/UX、品牌一致性、视觉格式化。
BaseUIReact开发技能Skill base-ui-react
Base UI React 是 MUI 提供的无样式、可访问 React 组件库，用于开发可访问的 Web 组件。它支持渲染属性模式，集成 Floating UI 进行精准定位，适用于需要高度自定义样式和可访问性的前端开发场景。关键词：base-ui, React, 无样式组件, 可访问性, Floating UI, Radix UI 迁移, 渲染属性, 前端开发
BunNuxt开发Skill "BunNuxt"
这个技能专注于使用 Bun JavaScript 运行时来开发和运行 Nuxt 3 应用程序。它包括项目初始化、依赖安装、开发服务器、构建、预览和部署。涉及配置 Nuxt 项目以利用 Bun 的性能优势，使用 Bun APIs 如数据库操作和文件处理，以及部署到生产环境。关键词：Bun, Nuxt, Vue, 前端开发, 服务器端渲染, 部署, DevOps, 快速开发, 性能优化。
BunSvelteKit开发Skill BunSvelteKit
这项技能专注于利用Bun运行时高效开发和部署SvelteKit应用程序，涵盖服务器端渲染、适配器配置、Bun API集成以及数据库和文件操作等关键功能，适用于快速构建高性能Web应用，关键词包括SvelteKit、Bun、SSR、适配器、数据库操作、文件操作。
设计评审技能Skill design-review
这个技能提供一套系统化的前端设计评审方法论，包含7个阶段，确保可访问性（WCAG 2.1 AA标准）、响应式设计和视觉抛光。它用于代码审查、UI审计，并解决常见设计问题如对比度问题、布局断裂、可访问性违规等，适用于PR评审和用户体验改进。关键词：设计评审、UI审计、前端开发、可访问性测试、响应式设计、视觉QA、用户体验、WCAG合规、PR审查。