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

Tailwind CSS 配置和自定义设计系统专家，提供组件样式模式和暗色模式实现

前端开发技能是构建现代Web应用程序的核心能力，涵盖React、Vue、Angular等主流框架，以及状态管理、性能优化、测试工具链和组件化开发。该技能专注于创建高性能、可维护、响应式的用户界面，适用于企业级应用、电商平台、管理后台和移动端Web开发。关键词：前端开发、React、Vue、Angular、状态管理、性能优化、Web应用、组件化、TypeScript、测试框架。

代码简化与优化技能专注于在保持功能完全不变的前提下，提升代码的清晰度、一致性和可维护性。它通过应用项目最佳实践、减少冗余、改善命名和结构，使代码更易于阅读、调试和扩展。关键词：代码简化，代码优化，代码重构，可读性，可维护性，编码标准，软件开发，最佳实践。

该技能专注于用户界面文本的排版设计，包括字体选择、CSS 样式审查、提高可读性、增强链接可点击性，并降低可访问性风险。适用于前端开发和 UI/UX 设计，关键词包括：排版设计、字体选择、CSS 排版、可读性优化、可访问性、UI 文本、前端开发。

高级前端开发技能工具包，提供ReactJS、NextJS、TypeScript、Tailwind CSS等现代前端技术栈的完整解决方案。包含组件生成器、包分析器、前端脚手架三大核心工具，自动化实现组件开发、性能优化、代码质量检查。适用于企业级Web应用开发、前端性能优化、UI/UX设计实现、代码审查等场景。关键词：前端开发、React开发、NextJS优化、TypeScript、性能优化、组件库、前端脚手架、Web应用开发。

这个技能是关于使用Next.js的Server Components来优化Web应用程序性能。它涉及服务器端渲染、数据获取、服务器操作、流式传输等，旨在减少客户端负担、提高加载速度、改善SEO，并适用于构建数据密集型和高性能的Next.js应用。关键词：Next.js、Server Components、服务器渲染、数据获取、性能优化、前端开发、SEO、流式传输、服务器操作。

此技能专注于使用Three.js、React Three Fiber和WebGL等技术构建网页上的3D体验，包括产品配置器、交互式场景和沉浸式网站，平衡视觉冲击与性能优化，提升用户体验和SEO友好性。关键词：3D网页开发、Three.js、React Three Fiber、WebGL、交互式3D、产品可视化、性能优化、前端技术。

设计稿规范提取器是一款基于AI的图像分析工具，专门用于自动从UI设计稿（如PNG、Figma文件等）中提取完整的设计规范。它能智能识别并输出颜色板、字体样式、布局结构、间距系统和UI组件等关键设计元素，生成可直接用于前端开发的CSS变量和实现指南。核心功能包括：颜色提取、字体检测、布局分析、间距模式识别和组件识别。适用于前端开发、UI设计、设计系统构建和自动化代码生成等场景，帮助团队实现像素级完美还原，提升开发效率。关键词：设计稿分析，UI规范提取，颜色提取，字体识别，布局分析，前端开发自动化，设计系统，CSS变量生成，组件检测，图像处理。

UI/UX设计智能工具，提供50+种风格、161种颜色调色板、57种字体搭配、161种产品类型、99条UX准则和25种图表类型，覆盖React Native等10个技术栈。适用于页面设计、组件创建、颜色系统、排版、动画、表单、导航、图表的规划、构建、审查、修复和优化。关键词：UI设计、UX设计、前端开发、移动端设计、颜色调色板、字体搭配、风格选择、React Native、设计系统、可访问性、交互设计。

这个技能专注于使用 .NET 和 WinUI 3 开发 Windows 桌面应用程序，涵盖项目设置、XAML 编译绑定、MVVM 架构、MSIX 和非打包部署、Windows 集成功能以及 UWP 迁移指南。关键词：WinUI 3、.NET、Windows App SDK、XAML、MVVM、MSIX、UWP 迁移、桌面应用开发。

Remix图标库实现技能是一个指导如何集成和使用RemixIcon图标库的指南，RemixIcon提供3100多个中立风格图标，包括线性和填充两种样式。该技能适用于前端开发、UI设计、应用程序图标添加等场景，支持Webfonts、SVG、React、Vue等多种集成方式，涵盖安装、使用模式、最佳实践和故障排除。关键词：图标库，RemixIcon，前端开发，UI设计，SVG图标，React集成，Vue集成，图标实现，Webfonts，UI组件。