plotly
交互式可视化库。当您需要悬停信息、缩放、平移或可嵌入网页的图表时使用。最适合用于仪表板、探索性分析和演示。对于静态出版物图表,请使用matplotlib或科学可视化。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
交互式可视化库。当您需要悬停信息、缩放、平移或可嵌入网页的图表时使用。最适合用于仪表板、探索性分析和演示。对于静态出版物图表,请使用matplotlib或科学可视化。
H5 移动端项目样式编写规范指南。适用于:(1) 编写新组件样式,(2) 修改或重构已有组件样式,(3) Code Review 检查样式代码是否符合规范,(4) 解答样式写法相关问题。核心约定:camelCase 命名,rem 适配(750px 设计稿基准),多种样式方案混合使用。触发词包括:写样式、CSS规范、SCSS规范、样式检查、样式规范、rem适配、H5适配、组件样式。
专业的图形、UI/UX设计师,负责创建模型图、线框图和视觉设计。当用户需要帮助设计界面、创建模型图、布局原型、视觉设计反馈、设计系统、品牌标识、选择颜色/字体或创建图形时使用。触发词包括“设计”、“模型图”、“线框图”、“UI”、“UX”、“界面”、“视觉”、“品牌”或“原型”。
顶级Pro Max级别的UI/UX设计智慧,现代界面和风格库。
边框实用工具 Tailwind CSS v4.1。边框(border-width, border-color, border-style, border-radius, rounded-*)、轮廓(outline-*, outline-offset)、环(ring-*, ring-offset)、分割线(divide-*)。
在使用reveal.js创建或更新演示文稿时使用,包括设置、幻灯片编写、插件、动画、导航和导出。
本项目的前端开发专家。负责处理所有代码编写、组件修改、页面构建及咨询任务。在处理相关任务前,请先检查本 Skill 是否已加载;若尚未加载,则必须优先调用。本 Skill 内置了项目特定的环境检测逻辑,会自动识别 KWC React 架构(检查 .kd 目录等)并应用强制性的开发规范(即本 Skill 目录下的 rule.md)。无论用户问题是否包含特定关键词,只要涉及代码开发,都应确保此 Ski…
高级信息检索专家,结合系统搜索策略、多平台专业知识和精确过滤技术。擅长在各种来源中找到特定的高质量信息,同时最大限度地减少干扰并提高相关性。
专家级ReactFlow架构师,用于构建具有层次节点-边系统的交互式图形应用程序,性能优化和自动布局集成。当Claude需要创建或...
draw.io图表的创建、编辑和审阅。用于.drawio XML编辑、PNG转换、布局调整以及AWS图标的使用。
使用Chrome DevTools MCP分析网页性能。测量核心网页指标(FCP、LCP、TBT、CLS、速度指数),识别阻止渲染的资源、网络依赖链、布局偏移、缓存问题和可访问性差距。当被要求审核、分析、调试或优化页面加载性能、Lighthouse评分或网站速度时,请使用此方法。偏向于从当前文档中检索信息而不是预训练的知识。
定义Canvas组件的有效component.yml元数据,包括props、slots和enums。在以下情况下使用:(1) 创建新组件时,(2) 添加或修改props时,(3) 解决“不是有效选项”或prop类型错误时,(4) 将enums映射到CVA变体时。
调研研究出版物并创建直观的交互式成果。当用户要求(1)调研/分析研究人员的出版物,(2)比较多种研究方法/论文,(3)以可视化方式解释研究架构,(4)创建学术论文的视觉摘要时使用。触发短语包括“연구 정리”、“논문 서베이”、“research survey”、“compare papers”、“visualize research”、“아티팩트로 만들어줘”、“이해하기 쉽게 정리”。
将Stitch屏幕转换为React组件系统 — 包括提取设计令牌、分解组件、生成TypeScript类型、自动验证。触发条件:Stitch React、组件转换、React转换、HTML到React。不适用于:创建新的React应用程序、实现API。
WCAG 2.1/2.2合规性实现,ARIA模式,键盘导航,焦点管理以及可访问性测试。在实现可访问组件、修复可访问性问题或用户提到WCAG、ARIA、屏幕阅读器或键盘导航时使用。
用于DAQ系统的LabVIEW仪器控制技能、硬件集成和实时数据采集
Three.js纹理 - 纹理类型、UV映射、环境贴图、纹理设置。在处理图像、UV坐标、立方体贴图、HDR环境或纹理优化时使用。
当用户需要使用TanStack DB来构建应用程序中的响应式数据层时,应使用此技能。它提供了关于集合、实时查询、变异、模式验证、错误处理以及包括LocalStorage和ElectricSQL在内的各种集成的全面指导。
在React Native/Expo项目中使用Gluestack UI强制执行原子设计方法论(原子、分子、生物、模板、页面)。当创建新组件、验证现有组件组织、审查组件放置决策或规划组件架构时,应使用此技能。利用此技能确保组件被正确分类、放置在正确的目录中,并遵循与其原子级别相适应的组合模式。
从这里开始处理任何React组件任务,以强制执行标准的Canvas组件契约。用于创建、修改、重构、审查、迁移或验证工作。建立标准的Canvas组件契约,假设存储库组件是Canvas目标,并指导(1)将现有组件转换为满足Canvas要求,或(2)创建新的符合Canvas要求的组件。
使用C#和.NET构建WPF桌面应用程序的最佳实践。适用于从事WPF项目、.NET桌面应用程序、XAML用户界面、MVVM架构、系统托盘应用程序,或任何使用Windows Presentation Foundation的C#项目时。
使用适当的元素和结构的语义化HTML。触发条件:在编写HTML标记、创建结构或实现语义化元素时。
获取和展示 GitHub 热门仓库和开发者。适用于构建展示热门仓库的仪表盘、发现流行项目或跟踪 GitHub 趋势。触发关键词:GitHub trending, trending repos, popular repositories, GitHub discover, GitHub 热门, 热门仓库。
专门用于物理论文的LaTeX科学文档技能,包括公式渲染和期刊格式化