这个技能是关于现代网页设计的原则和实践，特别关注响应式布局、可访问性设计和视觉层次管理，帮助开发者创建用户友好、高效且美观的网站。关键词：网页设计、响应式布局、可访问性、视觉层次、前端开发、React、Next.js、TypeScript。

这个技能用于指导前端开发中的组件架构、状态管理、性能优化和可访问性最佳实践，适用于React、Vue等框架，帮助初级开发人员构建高效、可维护的代码。关键词：前端开发、组件架构、状态管理、React、Vue、钩子、性能优化、可访问性、前端基础。

Motion动画库是一个用于React的声明式动画库，支持手势控制、滚动动画、布局过渡和SVG动画等高级功能，适用于前端开发中的复杂交互设计。关键词：React动画库、前端开发、手势动画、滚动效果、性能优化。

本技能提供专业的 Windows 桌面应用程序开发服务，专精于使用 WinUI 3、WPF 和 Windows App SDK 构建现代化应用。核心能力包括：MVVM 架构设计、XAML UI 开发、MSIX 打包部署、原生 Windows 功能集成（如通知、任务栏）、以及应用商店发布。适用于企业级软件、工具软件及需要深度系统集成的桌面应用开发。关键词：Windows 开发，WinUI 3，WPF，MVVM 架构，XAML，MSIX 打包，桌面应用，Windows App SDK，Fluent Design。

UI动画设计技能专注于用户界面中的动画和运动效果，用于提升用户体验、提供反馈和引导用户操作。它涉及动画原理、时序控制、缓动函数等技术，适用于前端开发、移动应用设计等场景。关键词：UI动画、运动设计、前端开发、用户体验、交互设计。

浏览器调试工具帮助开发者识别和修复客户端问题，包括JavaScript错误、布局问题、性能问题等，是前端开发中常用的技能。

这个技能专注于TypeScript、JavaScript、React和Node.js开发的代码标准、最佳实践和模式，帮助开发者编写高质量、可维护的代码。关键词：编码标准、最佳实践、TypeScript、JavaScript、React、Node.js、前端开发、代码质量、软件开发。

这个技能用于优化网页排版的设计与实现，提升内容的可读性和用户体验。它包括字体选择、评估、配对、排版测量设置、响应式设计、类型层次构建和字体加载性能优化。关键词：网页排版、字体设计、CSS排版、响应式设计、Web性能、用户体验。

这个技能用于创建美观、可访问的用户界面，结合shadcn/ui组件、Tailwind CSS工具样式和基于canvas的视觉设计系统。它适用于前端开发、响应式布局、可访问性设计、主题定制和视觉设计。关键词：UI设计、前端开发、Tailwind CSS、shadcn/ui、响应式布局、可访问性、暗模式、设计系统、视觉传达。

全面的UI/UX设计智能助手，覆盖50+风格、161种调色板、57种字体配对、161种产品类型、99条UX指南，支持10个技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui、HTML/CSS）。可进行风格选择、设计系统生成、可访问性检查、性能优化、交互动效、跨平台应用设计等，适用于网站、落地页、仪表盘、SaaS、移动应用等产品的UI/UX设计与质量审查。关键词：UI设计、UX设计、界面设计、设计系统、风格指南、调色板、字体配对、响应式设计、可访问性、组件库、前端开发、移动应用设计。

这是一个用于创建独特、高质量、生产级前端界面的技能。它指导开发者避免通用AI美学，专注于创意设计思维、独特排版、色彩主题、动效和空间构成，生成具有鲜明美学观点和精致细节的代码。关键词：前端开发，UI设计，创意界面，生产级代码，美学设计，网页组件，React，Vue，CSS动画，独特排版。

该技能通过Figma MCP工作流，将Figma设计节点准确转化为生产就绪代码，实现1:1视觉保真度，适用于前端开发、设计系统集成和代码生成。关键词：Figma、设计实现、代码转换、视觉保真、前端开发、MCP工作流。