设计系统模式是一种用于构建可扩展设计系统的技能，涵盖设计令牌、主题基础设施和组件架构，适用于前端开发、UI设计和跨平台应用开发，关键词包括设计系统、设计令牌、主题切换、组件库、前端开发、UI设计。

Angular 架构师是企业级 Angular 前端开发专家，专注于 Angular 16+ 新特性（如 Signals、独立组件）、RxJS 响应式编程以及 NgRx 状态管理。擅长设计高性能、可扩展的大型 Angular 应用架构，包括单体仓库、微前端、性能优化（如无 Zone.js、懒加载）以及从遗留系统到现代架构的迁移。

这是一个用于技术文档处理的高级技能，专注于Markdown和MDX文件的解析、验证、检查和转换。它支持CommonMark和GitHub Flavored Markdown标准，能够集成MDX组件、配置remark/rehype插件、验证Front Matter元数据，并提供代码检查、链接验证、表格格式化等功能。适用于文档自动化、质量保证和内容转换工作流。关键词：Markdown处理，MDX组件，文档自动化，代码检查，技术文档，前端文档工具。

设计系统创建是一个用于构建和管理UI设计系统的技能，包括设计令牌、组件库、文档等，旨在确保品牌一致性和开发效率。关键词：设计系统、UI设计、前端开发、组件库、设计令牌、响应式设计、可访问性。

JSON画布技能用于创建和编辑JSON Canvas文件（.canvas），这是一种用于无限画布数据的开放文件格式，适用于Obsidian等应用，可用于视觉画布、思维导图、流程图、项目板的制作。关键词：JSON Canvas，画布文件，思维导图，流程图，Obsidian，可视化，节点，边。

UI/UX Pro Max 是一个综合性UI/UX设计智能工具，提供丰富的设计资源，包括50种样式、21种调色板、50种字体配对、20种图表和9种技术栈。它帮助用户生成设计系统、进行详细搜索，覆盖视觉样式、字体、调色板、UI组件和最佳实践等领域，输出为ASCII表格或Markdown格式，适用于前端开发、平面设计和产品管理中的设计工作。关键词：UI设计、UX设计、设计系统、前端开发、视觉设计、调色板、字体配对、图表、技术栈。

这个技能用于创建独特、生产级的前端界面，强调创意设计和避免通用AI美学。它生成高质量、视觉冲击力的代码，适用于Web组件、页面和应用程序开发，确保界面既功能完整又具有独特美学风格。关键词：前端设计，创意代码，美学界面，避免AI通用，生产级开发。

这个技能专注于Makepad框架中的着色器编程，用于帮助用户编写和解释着色器代码，包括生成shader代码、回答问题、解释Sdf2d和GLSL函数。适用于前端开发和图形渲染，关键词包括：Makepad, 着色器, SDF, GLSL, 前端开发, 图形编程, UI设计。

这个技能用于管理 shadcn/ui 组件，支持快速添加组件、构建复杂UI功能、研究组件实现和获取安装命令，适用于前端开发项目。关键词：shadcn, UI组件, 前端开发, 组件管理, 快速添加, 复杂构建。

这个技能专注于网页无障碍性和WCAG 2.2合规性，确保界面对所有用户可访问，包括键盘导航、屏幕阅读器优化、颜色对比要求等。它适用于前端开发、用户体验优化和网站审计，关键词：无障碍、WCAG、前端开发、用户体验、屏幕阅读器、键盘导航。

这个技能用于掌握现代JavaScript（ES6+）核心特性，包括箭头函数、解构、异步操作、函数式编程模式等，帮助开发者编写高效、可维护的前端代码，适用于重构遗留系统、优化Web应用性能及提升代码质量。关键词：JavaScript开发，ES6+，前端优化，异步编程，代码重构，函数式编程，性能提升。

该技能专注于在 TypeScript 项目中实施严格模式，通过全面的类型定义、错误处理和消除 any 类型，确保代码的类型安全，防止运行时错误，提升开发效率和代码质量。关键词：TypeScript, 严格模式, 类型安全, 类型定义, 错误处理, 前端开发, 类型守卫, 泛型编程。