这个技能专注于使用 Svelte 5 框架进行高效前端开发，涵盖 TanStack Query 的突变模式管理、shadcn-svelte UI 组件库的集成与最佳实践，以及组件组合和自我封装的设计模式。适用于构建现代化、响应式的单页应用，提升开发效率和用户体验。关键词：Svelte, TanStack Query, shadcn-svelte, 前端开发, 组件开发, 状态管理, UI 设计, 数据突变

TypeScript 专家技能专注于 TypeScript 和 JavaScript 的类型级编程、性能优化、迁移策略和现代工具链使用。用于解决复杂类型问题、构建优化、调试和架构决策。关键词：TypeScript, JavaScript, 类型编程, 性能优化, 前端开发, 迁移, 工具链, 代码审查, 调试。

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

动画规范技能是一个专门用于生成UI动效设计规范的工具，能够创建CSS动画关键帧、Lottie动画规范、缓动曲线和设计令牌。该技能适用于前端开发、动效设计和设计系统构建，帮助团队实现一致的用户界面动画体验。关键词：动画规范、缓动曲线、CSS动画、Lottie、动效设计、UI动画、设计系统、前端开发。

使用ng-alain和ng-zorro-antd开发企业级UI组件，包括数据表格、表单、访问控制、响应式布局和主题系统等关键技术。

此技能用于创建独特、生产级的前端界面，专注于高质量UI设计和创意编码，避免通用AI美学，适用于网页组件、React、HTML/CSS开发、美学设计、创意布局等场景，提升用户体验和视觉冲击力。关键词：前端开发、UI设计、网页界面、创意编码、美学设计、生产级代码、React组件、HTML/CSS布局、用户体验优化。

可视化画布沙盒是一个用于实时预览和代理驱动UI开发的工具。它允许用户通过简单的命令将HTML内容推送到一个动态更新的画布服务器，实现快速原型设计、仪表板构建和界面预览。该工具支持截图、状态监控和内容重置，是前端开发、UI/UX设计和实时协作场景下的高效助手。关键词：HTML画布，实时预览，UI沙盒，前端开发，仪表板，代理驱动界面。

前端设计技能专注于创建具有高设计质量、独特且可直接用于生产环境的前端用户界面。它强调跳出常规的AI生成美学，通过创意性的排版、色彩、动效和空间构成，打造令人难忘的视觉体验。该技能适用于构建Web组件、单页或完整应用程序，要求开发者具备深刻的设计思维，能够根据项目目的、受众和约束，选择并坚定执行一个大胆的美学方向（如极致简约、复古未来、工业实用等），最终交付功能完善、细节精致、具有强烈品牌识别度的代码。

这个技能提供了在 shadcn/ui 框架下开发 UI 组件的约定，特别适用于创建和修改 8 位复古风格的组件。它涵盖了导入模式、类型定义、引用处理和样式管理，确保代码的一致性和可维护性。关键词：shadcn/ui, UI 组件, 8 位复古风格, 前端开发, 组件约定, 代码规范。

该技能涉及在shadcn/ui框架中注册和管理8位风格的前端组件，包括定义组件和块的注册模式、管理依赖关系、设置分类等，适用于游戏UI和复古主题的前端开发。关键词：shadcn/ui, 8位组件, 组件注册, 前端开发, 游戏UI。

这个技能用于将 8-bit 风格的 UI 组件集成到 shadcn/ui 组件库中，通过更新 registry.json 文件，使开发者能使用命令行工具快速添加和管理组件。它包括创建组件文件、更新注册表、管理依赖和样式文件，适用于前端开发和组件库集成。关键词：shadcn/ui, 8-bit 组件, 前端开发, 组件注册, 集成, 代码管理, 样式文件。

该技能用于通过Rube MCP和Composio工具包自动化Zeplin设计任务，包括自动发现工具、管理连接和执行操作，适用于前端开发流程中的设计协作和自动化工作流，提高效率。关键词：Zeplin自动化、Rube MCP、Composio、前端开发、设计协作、自动化工具。