vega
使用Vega-Lite(简单)和Vega(高级)创建数据驱动的图表。最适合条形图、折线图、散点图、热力图、面积图以及多系列分析。当您拥有需要统计可视化的数值数据数组时,请使用它。Vega适用于雷达图和词云。不适用于流程图(请使用mermaid)或快速KPI卡片(请使用信息图)。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
使用Vega-Lite(简单)和Vega(高级)创建数据驱动的图表。最适合条形图、折线图、散点图、热力图、面积图以及多系列分析。当您拥有需要统计可视化的数值数据数组时,请使用它。Vega适用于雷达图和词云。不适用于流程图(请使用mermaid)或快速KPI卡片(请使用信息图)。
在将UI原型、屏幕截图、Figma/Sketch设计、线框图或从设计系统构建组件库转换为可用于生产的代码时使用
一套使用现代前端Web技术(React、Tailwind CSS、shadcn/ui)创建复杂、多组件claude.ai HTML工件的工具。适用于需要状态管理、路由或shadcn/ui组件的复杂工件 - 不适用于简单的单文件HTML/JSX工件。
高级Next.js 15+/16工程师技能,适用于App Router。在搭建生产应用程序、实施RSC模式、审核代码库或优化性能时使用。
审查UI代码是否符合Web界面指南。在被要求时使用
排版工具 Tailwind CSS v4.1。字体(font-sans, font-serif, font-mono, font-size, font-weight)、文本(text-color, text-align, text-wrap, text-shadow 新增)、字母/行间距、装饰、转换。
全栈头部管理器,专为Vue构建。在编写导入"@unhead/vue"的代码时总是使用它。咨询有关调试、最佳实践或修改@unhead/vue, unhead/vue, unhead vue, unhead的信息。
Django开发模式和约定(2025年)。在处理Django模型、视图、URL、表单、模板、管理命令或项目结构时自动加载。包括异步支持和类型提示。
分析Stitch项目并将语义设计系统综合到DESIGN.md文件中
专业的UI设计和前端界面指南。在创建网页、小程序界面、原型或任何需要独特且生产级设计并具有出色美学质量的前端UI组件时使用此技能。
一套使用现代前端网页技术(React、Tailwind CSS、shadcn/ui)创建复杂多组件claude.ai HTML工件的工具套件。适用于需要状态管理、路由或shadcn/ui组件的复杂工件 - 不适用于简单的单文件HTML/JSX工件。
将Shadowrun赛博朋克美学应用于UI组件。在构建角色表、创建卡片、装备面板、模态对话框或任何SR主题的界面元素时使用。结合系统化的工艺原则与第六世界的独特视觉语言。
Web平台设计和可访问性指南。在构建Web界面、审核可访问性、实现响应式布局或审查Web UI代码时使用。触发条件涉及HTML、CSS、Web组件、WCAG合规性、响应式设计或Web性能的任务。
【必读·强制】公司前端开发强制规范。编写或修改任何前端代码前必须先阅读本技能。涵盖 Composition API 强制规范、命名约定、接口调用规则、Pinia 状态管理、组件拆分等全部开发约束。
使用MCP工具在Blockbench中创建和管理基于物理的渲染(PBR)材质。当处理texture_set.json文件、创建法线/高度/MER贴图、为Minecraft Bedrock RTX配置材质属性或设置多通道纹理工作流程时,请使用此功能。
生成具有可靠布局、专业排版和有效视觉传达的RevealJS HTML演示文稿。适用于创建幻灯片、提案演示、技术演讲或任何reveal.js输出。
Figma REST API 用于访问设计文件、评论、组件和项目。使用此技能可以读取文件内容、导出图像、管理评论并与 Figma 工作区集成。
57种UI样式 + 95种调色板 + 56种字体搭配 + 24种图表 + 98条UX指南。Motor BM25用于智能搜索。
一致的按钮样式系统,用于iqEngi(卡片、行动号召、表单)
适用于网页和移动端的前端UI/UX设计最佳实践。当用户询问有关设计、创建或更新前端页面/组件、着陆页、仪表板、管理面板、电子商务、SaaS、作品集、博客、移动应用或与前端相关的设计时使用。
在创建QML视图文件、设计QML组件层次结构、构建布局、样式化QML控件、创建可重用的QML组件、实现QML导航/页面切换或处理QML资源时使用此技能。涵盖QML文件结构、组件模式、Material/Controls样式、资源管理和桌面应用程序中常见的QML惯用法。
在仅使用JavaScript(不使用TypeScript)构建Vue 3应用程序时使用。用于JSDoc类型标注、纯JS组合式函数、.mjs模块。
将Stitch屏幕转换为React组件系统 — 包括提取设计令牌、分解组件、生成TypeScript类型、自动验证。触发条件:Stitch React、组件转换、React转换、HTML到React。不适用于:创建新的React应用程序、实现API。
指导AI代理通过React进行Electron应用程序开发,包括安全模式、类型安全的IPC、React集成、带有代码签名的打包以及测试。关键词:electron, electron-vite, electron-forge, contextBridge, IPC, 安全, react, 打包, 代码签名, 公证, playwright, 桌面应用。