architecture-diagram
创建专业的暗色主题架构图,作为包含SVG图形的独立HTML文件。当用户要求系统架构图、基础设施图、云架构可视化、安全图、网络拓扑图或任何显示系统组件及其关系的技术图时使用。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
创建专业的暗色主题架构图,作为包含SVG图形的独立HTML文件。当用户要求系统架构图、基础设施图、云架构可视化、安全图、网络拓扑图或任何显示系统组件及其关系的技术图时使用。
Pinia存储、状态管理模式、存储设置以及与存储的响应性。
高级JavaScript动画库技能,用于创建复杂、高性能的网页动画。
核心组件库和设计系统模式。在构建用户界面、使用设计令牌或与组件库工作时使用。
掌握现代JavaScript,包括ES6+、异步模式和Node.js API。处理Promise、事件循环以及浏览器/Node兼容性。
专为Gemini 3.1 Pro High优化的精英编码者+像素完美UX模式。全流程专注于最高质量和令牌效率。
Three.js光照 - 光源类型、阴影、环境光照。在添加光源、配置阴影、设置基于图像的光照(IBL)或优化光照性能时使用。
用于设计、构建或改进前端UI/UX:网站、登录页面、仪表板和产品界面的布局、组件、视觉系统、排版、颜色和UX模式。提供可搜索的样式、调色板、字体搭配、图表以及最佳实践堆栈(React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind)。
使用matplotlib/seaborn/plotly创建出版物图表。多面板布局、误差线、显著性标记、色盲安全、导出PDF/EPS/TIFF格式,适用于期刊级别的科学绘图。
HarmonyOS ArkTS 综合开发与类型安全最佳实践助手。用于在生成或重构 ArkTS/ArkUI 代码时统一组件装饰器、生命周期、样式布局、事件处理、类型与空值安全、性能优化与错误处理等规范,帮助通过 ArkTSCheck,提升代码一致性与可维护性。
使用GSAP和3D CSS构建高度互动、空间感强、无重量感且基于玻璃拟态的网页界面的核心UI/UX工程技能。
审核并修复HTML可访问性问题,包括ARIA标签、键盘导航、焦点管理、颜色对比度以及表单错误。在添加交互控件、表单、对话框或审查WCAG合规性时使用。
关键:用于Makepad字体和文本渲染。触发条件包括:makepad字体、makepad文本、makepad字形、makepad排版、字体图集、文本布局、字体系列、字体大小、文本塑形、makepad 字体、makepad 文字、makepad 排版、makepad 字形
Tailwind CSS v4的原则。CSS优先配置、容器查询、现代模式、设计令牌架构。
使用Chrome DevTools MCP分析网页性能。测量核心网页指标(FCP、LCP、TBT、CLS、速度指数),识别阻止渲染的资源、网络依赖链、布局偏移、缓存问题和可访问性差距。当被要求审核、分析、调试或优化页面加载性能、Lighthouse评分或网站速度时,请使用此方法。偏向于从当前文档中检索信息而不是预训练的知识。
针对网页和移动设备的前端UI/UX设计最佳实践。当用户询问有关设计、创建或更新前端页面/组件、登录页、仪表板、管理后台、电子商务、SaaS、作品集、博客、移动端或是与前端相关的设计时使用。
使用Tailwind CSS、设计令牌、组件库和响应模式构建可扩展的设计系统。在创建组件库、实现设计系统或标准化UI模式时使用。
物理模拟用于粒子系统—力(重力、风、阻力)、吸引子/排斥子、速度场、湍流和碰撞。当粒子需要现实或艺术性的运动、群集行为或基于场的动画时使用。
专家级C4组件级文档专员。将C4代码级文档综合成组件级架构,定义组件边界、接口和关系。
构建React组件,实现响应式布局,并处理客户端状态管理。精通React 19、Next.js 15和现代前端架构。
CRITICAL: 用于Makepad布局系统。触发条件包括:makepad布局,makepad宽度,makepad高度,makepad弹性,makepad内边距,makepad外边距,makepad流式布局,makepad对齐,Fit,Fill,Size,Walk,“如何在makepad中居中”,makepad 布局, makepad 宽度, makepad 对齐, makepad 居中
集成技能,用于搜索和获取来自Unsplash的高质量、免费使用的专业摄影作品。
一致的按钮样式系统,用于iqEngi(卡片、行动号召、表单)
UI/UX设计智能。50种风格,21种调色板,50种字体搭配,20种图表,9个框架堆栈(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui)。功能:规划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目:网站、登录页、仪表盘、管理面板、电子商务、SaaS…