微信扫一扫把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
Vapor UI设计系统组件和图标指南，UI原型生成器以及Figma设计转换器。提供组件目录、图标查找、使用模式、属性文档，并将Figma设计转换为可用于生产的vapor-ui代码。当用户询问“vapor-ui 组件”、“vapor-ui 图标”、“查找图标”、“vapor-ui 使用方法”、“使用vapor-ui实现原型”、“转换figma”、“figma转代码”、“从figma实现设计”，或者…
UI/UX设计智能。50种风格，21种调色板，50种字体组合，20种图表，9种框架（React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui）。动作：计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目：网站、着陆页、仪表盘、管理面板、电子商务、SaaS、作…
针对网页和移动设备的前端UI/UX设计最佳实践。当用户询问有关设计、创建或更新前端页面/组件、登录页、仪表板、管理后台、电子商务、SaaS、作品集、博客、移动端或是与前端相关的设计时使用。
关于Vue/TypeScript实现的代理
使用Remotion + React进行编程视频创作的完整工具包。涵盖动画、时间控制、渲染（CLI/Node.js/Lambda/Cloud Run）、字幕、3D效果、图表、文字效果、转场效果以及媒体处理。在编写Remotion代码、构建视频生成流水线或创建数据驱动的视频模板时使用。
将文本内容转换为精美的杂志风格HTML页面，支持专业排版和多种视觉风格。触发场景：(1) 用户想将文本/文章转换为杂志风格HTML，(2) 用户提到"杂志排版"、"杂志设计"、"文章排版"、"专业排版"、"文本美化"、"magazine layout"，(3) 用户需要优雅排版的HTML页面，(4) 用户需要将设计内容导出为PDF。支持12种独特视觉风格，使用Tailwind CSS。
React和Next.js性能优化模式。在为Web应用程序、Remotion视频或任何基于React的UI编写、审查或优化React代码时使用。涵盖瀑布式加载消除、打包优化、防止重新渲染以及服务器端模式。
使用jq处理JSON，使用yq处理YAML/TOML。高效地过滤、转换和查询结构化数据。触发条件包括：解析JSON、从YAML中提取、查询配置、Docker Compose、K8s清单、GitHub Actions工作流、package.json、过滤数据。
在开发需要AI功能的浏览器/Web应用程序（React/Vue/Angular、静态网站、单页应用）时使用此技能。通过@cloudbase/js-sdk提供文本生成(generateText)和流式传输(streamText)功能。内置模型包括混元（推荐使用hunyuan-2.0-instruct-20251111）和通义千问（推荐使用deepseek-v3.2）。不适用于Node.js后端（请使…
UI/UX设计智能。50种风格，21种调色板，50种字体搭配，20种图表，8种技术栈（React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind）。动作：计划、构建、创建、设计、实现、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目：网站、登录页、仪表盘、管理面板、电子商务、SaaS、作品集、博客、移动应用…
UI/UX设计智能。50种风格，21种调色板，50种字体配对，20种图表，9种技术栈（React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui）。操作：计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目：网站、登录页、仪表盘、管理面板、电子商务、SaaS、…
专家指导如何使用shadcn/ui组件集成和构建应用程序，包括组件发现、安装、自定义以及最佳实践。
使用Excalidraw创建图表和可视化内容，支持实时画布预览。当用户要求创建、绘制或可视化图表、流程图、架构图、系统设计或任何视觉表示时使用。支持以编程方式创建元素、Mermaid图表转换以及通过截图进行视觉验证。
创建和完善具有出色用户体验、可访问性和可衡量性能的视觉界面。当请求涉及设计新屏幕、重新设计现有用户界面、定义或发展设计系统/令牌、改进层次结构/微文案/动画、提高WCAG 2.2合规性、改善触摸人体工程学，或在网页和应用程序产品中优化Web Vitals（LCP、INP、CLS）时使用。
使用React、Vue和原生JavaScript等现代框架构建可重用的UI组件。创建包括按钮、表单、模态框、导航以及复杂小部件在内的可访问性高、响应式且可定制的界面元素。
当逆向工程工具缺失、无法工作或需要配置时使用。安装指南包括radare2 (r2)、Ghidra、GDB、QEMU、Frida、binutils以及交叉编译工具链。关键词 - “安装radare2”，“设置Ghidra”，“找不到r2”，“缺少qemu”，“工具未安装”，“配置gdb”，“交叉编译器”
Lit web组件的最佳实践和性能优化指南。在编写、审查或重构Lit web组件时使用。当任务涉及Lit组件、自定义元素、影子DOM、反应属性或web组件性能时触发。
UI/UX设计智能。50种样式，21种调色板，50种字体配对，20种图表，9个技术栈（React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui）。操作：计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目：网站、登录页面、仪表盘、管理面板、电子商务、SaaS…
使用当前的框架和库从零开始快速原型设计并构建现代化、响应式的Web应用程序。当您想要快速创建一个具有完全本地控制、创意流程和现代最佳实践的新Web应用程序时，请使用此方法。这是Lovable、Bolt和v0的本地替代方案。
创建包含帮助页面、AI生成的截图、带有TTS旁白和背景音乐的Remotion产品视频以及GitHub README视觉文档的产品文档。当被要求创建文档、帮助页面、产品介绍视频、生成截图、添加用户指南或丰富GitHub README时使用。
从Markdown生成Reveal.js HTML演示文稿。应用修辞原则（断言标题、每页一个观点、叙述弧线）。最适合教学、非正式演讲和可在线分享的幻灯片。
本项目的前端开发专家。负责处理所有代码编写、组件修改、页面构建及咨询任务。在处理相关任务前，请先检查本 Skill 是否已加载；若尚未加载，则必须优先调用。本 Skill 内置了项目特定的环境检测逻辑，会自动识别 KWC Vue 架构（检查 .kd 目录等）并应用强制性的开发规范（即本 Skill 目录下的 rule.md）。无论用户问题是否包含特定关键词，只要涉及代码开发，都应确保此 Skill…
此技能提供了用于创建具有液态玻璃设计的深空主题UI的CSS和HTML模板。应在实现带有动画星场、呼吸尘埃粒子和半透明玻璃拟态卡片的暗宇宙界面时使用。
擅长使用python-pptx和PptxGenJS创建、编辑和自动化PowerPoint演示文稿。当程序生成幻灯片、修改演示文稿或构建报告自动化时使用。触发词包括“PowerPoint”、“PPTX”、“slides”、“presentation”、“python-pptx”、“PptxGenJS”、“slide deck”。