生成输出技能是一个自动化工具，旨在根据用户预先定义的标准、原则和常见模式，将经过验证的需求高效、规范地转化为可直接使用的最终交付物。该技能的核心功能是代码生成、文档撰写、测试用例创建和内容生产，确保输出结果符合最佳实践和用户个性化要求。关键词：自动化代码生成，标准化文档模板，AI辅助开发，需求转交付，智能内容创作，最佳实践遵循，模式化输出。

Vite 是一款现代化的前端构建工具，专为提升开发效率和构建性能而设计。它通过原生 ES 模块实现极速的服务器启动和热更新（HMR），并利用 Rolldown/Rollup 进行高效的打包优化。Vite 开箱即用地支持 TypeScript、JSX、CSS 预处理器，拥有丰富的插件生态系统，适用于配置项目、开发调试和生产部署。关键词：Vite 构建工具，前端开发，热更新 HMR，Rollup 打包，TypeScript 支持，插件生态，开发服务器，生产优化。

Perigon-Angular是专为Perigon WebApp设计的前端开发框架，基于Angular 21+构建，采用独立组件架构、Angular Material UI库和信号式状态管理。该框架提供标准化的项目结构、国际化支持、认证守卫和现代化开发工具链，适用于企业级Web应用的高效开发。关键词：Angular前端开发、独立组件、信号式编程、Material Design、企业级Web应用、国际化i18n、状态管理、TypeScript框架。

提供使用 TanStack Query 和 Axios 构建 API 客户端的专业指导，包括 JWT 令牌管理、错误处理、响应解析和分页列表处理。

这个技能是关于如何在Web开发中实现和确保无障碍性，包括WCAG标准、屏幕阅读器兼容性、键盘导航和无障碍测试，以提升用户体验和满足法规要求。

通过使用 BEM、SMACSS 和 CSS-in-JS 模式等方法，构建可扩展、可维护的 CSS 架构系统，适用于大型项目和团队协作，关键词包括 CSS 架构、BEM、SMACSS、CSS-in-JS、样式组件。

内存优化是通过分析和优化应用程序的内存使用，识别内存泄漏，减少内存占用，提高效率，从而提升应用性能和可靠性的技能。关键词包括：内存分析、内存泄漏检测、优化技术、监控目标。

响应式网页设计是一种前端开发技术，利用CSS技术如Flexbox、CSS Grid和媒体查询，采用移动优先方法构建自适应web界面，确保网站能在不同设备上（从手机到桌面）优化显示。关键词包括响应式设计、前端开发、CSS技术、移动优先、自适应布局。

这个技能提供了可访问性基础知识，涵盖WCAG标准、ARIA属性、键盘导航等关键方面，适用于前端开发中构建表单、按钮、模态框等交互元素时确保对所有用户可访问。关键词：可访问性、WCAG、ARIA、键盘导航、屏幕阅读器、前端开发。

这个技能专注于Makepad框架的UI组件开发，帮助用户编写代码、解答问题，并提供详细的文档和模式。关键词包括：Makepad, 小部件, UI组件, Rust, 前端开发, UI设计, 富文本渲染。

该技能用于构建和编译fe-tools monorepo包，涉及执行npm build命令、诊断TypeScript编译错误并提供修复，以确保前端开发项目的代码质量。关键词：构建，编译，TypeScript，monorepo，前端工具，错误处理，npm。

CSS组件开发技能，指导前端开发者遵循语义化命名、Tailwind组合、深色模式支持和测试覆盖等最佳实践，创建可复用、可维护的UI组件。关键词：CSS组件开发、Tailwind CSS、语义化命名、深色模式、前端测试、UI设计系统、样式化组件、前端工程化。