前端开发 Skill技能列表
Remix图标库实现技能Skill remix-icon
Remix图标库实现技能是一个指导如何集成和使用RemixIcon图标库的指南，RemixIcon提供3100多个中立风格图标，包括线性和填充两种样式。该技能适用于前端开发、UI设计、应用程序图标添加等场景，支持Webfonts、SVG、React、Vue等多种集成方式，涵盖安装、使用模式、最佳实践和故障排除。关键词：图标库，RemixIcon，前端开发，UI设计，SVG图标，React集成，Vue集成，图标实现，Webfonts，UI组件。
FigmaMCP集成Skill figma
这个技能用于通过 Figma MCP 服务器从 Figma 设计工具中自动获取设计上下文、截图、变量和资产，并将 Figma 节点翻译成生产代码（如 React + Tailwind），实现设计到代码的自动化转换。适用于前端开发项目，提高开发效率，确保设计一致性，支持链接驱动的实现流程。关键词：Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化, 代码生成, 设计系统。
Chrome开发者工具自动化技能Skill chrome-devtools
Chrome DevTools Agent 是一个用于浏览器自动化、调试和性能分析的技能，支持网页交互、截图、网络流量分析和性能剖析，适用于前端开发和测试。关键词：浏览器自动化、调试、性能分析、Chrome DevTools、前端开发。
文档设计Skill Documentdesign
此技能用于创建专业的、打印就绪的HTML文档，支持自定义品牌配置并导出为PDF。它提供了品牌配置、CSS打印布局模式和文档设计最佳实践，适用于提案、报告、一页纸、新闻稿、幻灯片、活动材料等文档设计。关键词：文档设计、HTML、CSS、品牌配置、PDF导出、打印布局、前端开发。
Next.js16AppRouter性能优化技能Skill nextjs
此技能提供Next.js 16 App Router的全面性能优化指南，涵盖构建优化、缓存策略、服务器组件、路由、SEO等关键领域，帮助前端开发者提升应用性能和效率，适用于Next.js项目开发和性能调优。
UI组件生成技能Skill ui
此技能用于生成用户界面（UI）组件和反馈表单，支持前端开发中的英雄区域、表单设计等元素，适用于网站和应用的界面构建及用户反馈收集。关键词：UI组件，反馈表单，前端开发，用户界面设计，表单生成，可访问性，SEO优化。
视频自动生成技能Skill generate-video
该技能用于自动生成产品演示视频，通过代码分析、AI图像生成和并行处理技术，实现高效视频制作。适用于产品推广、视觉文档生成等场景。关键词：视频生成、自动化、产品演示、Remotion、AI技术、代码分析、并行处理。
UI组件生成技能Skill ui
这个技能专注于生成用户界面组件和反馈表单，用于网站和应用的前端开发。它包括约束管理、组件生成和表单创建，强调可访问性和用户体验优化。适用于UI设计、前端工程、用户反馈收集和可访问性检查。关键词：UI组件、反馈表单、前端开发、可访问性、用户体验、生成技能。
TypeScript严格类型验证器Skill type-validator
这个技能专注于检查和修复 TypeScript 代码中的类型安全问题，包括 any 类型检测、类型定义完整性、Zod 验证集成、路径别名类型检查和 Biome 配置集成，旨在提升代码质量、减少运行时错误并优化开发效率。关键词：TypeScript, 类型检查, 严格模式, any类型修复, Zod验证, 路径别名, Biome集成, 代码质量, 开发效率。
any类型修复技能Skill fix-any-types
这是一个 TypeScript 类型修复技能，专门用于消除代码中的 any 类型使用，提高类型安全性和代码可维护性。通过识别、分析和替换 any 类型，确保代码符合严格类型检查。适用于前端和后端开发项目，帮助开发团队遵循零容忍 any 类型政策。关键词：TypeScript，类型安全，any类型修复，代码优化，软件开发，前端开发，后端开发。
Zod数据验证Skill zod
这个技能用于使用Zod库进行数据验证和模式声明，专门针对TypeScript项目，帮助开发者确保数据的一致性和类型安全，适用于前端和后端开发中的表单验证、API数据处理等场景。关键词包括Zod、TypeScript、数据验证、模式验证、前端开发、后端开发、类型安全。
熊猫CSSSkill panda-css
熊猫CSS是一个前端CSS框架，用于通过CSS-in-JS技术管理Web样式，提高开发效率和性能。关键词：前端开发，CSS框架，CSS-in-JS，原子CSS，Web性能。