ui

后端架构模式、API 设计、数据库优化，以及针对 Node.js、Express 和 Next.js API 路由的服务端最佳实践。

优化 Core Web Vitals (LCP、INP、CLS) 以提升页面体验和搜索排名。当被要求“改善 Core Web Vitals”、“修复 LCP”、“降低 CLS”等时使用。

为应用提供一次性用户管理、多链钱包认证、AI 驱动的助手以及 AI 应用内省。当用户希望让网站……时使用。

涵盖性能、无障碍访问、SEO 和最佳实践的综合 Web 质量审计。当被要求“审计我的网站”、“审查 Web 质量”、“运行…”时使用。

当命令失败时自动修复损坏的 OpenCLI 适配器。在 opencli 命令失败时加载此技能——它将引导你收集 trace…

用于实时事件和数据同步的 Clerk Webhooks。使用 verifyWebhook 进行验证。

当用户提供特定的钱包地址，并希望查询其余额、代币持有量、投资组合价值或 DeFi 仓位时，请使用此技能。典型…

Spring Boot 架构模式、REST API 设计、分层服务、数据访问、缓存、异步处理与日志。适用于 Java Spring Boot 后端……

使用 `LayoutBuilder`、`MediaQuery` 或 `Expanded/Flexible` 来创建适应不同屏幕尺寸的布局。适用于需要让 UI 在……上呈现良好效果的场景。

Three.js 动画 - 关键帧动画、骨骼动画、变形目标、动画混合。用于为对象制作动画、播放 GLTF 动画、创建…

使用 Dart 和 Flutter MCP 工具修复 Flutter 布局错误（溢出、无界约束）。在处理“RenderFlex overflowed”、“Vertical…”时使用。

REST API 设计模式，涵盖生产级 API 的资源命名、状态码、分页、过滤、错误响应、版本控制和限流。

设计演示文稿视觉效果和幻灯片版式。创建视觉概念，推荐图形，并为极具影响力的 PowerPoint 幻灯片提供设计规范。

Clerk 后端 REST API 浏览器与执行器。支持浏览标签、检查端点 Schema，以及执行经过身份验证的请求。在列出用户、管理……时使用。

HTML PPT Studio —— 创作专业的静态 HTML 演示文稿，支持多种风格、布局和动画，全部由模板驱动。当用户要求……时使用。

从零创建或通过转换 PowerPoint 文件，生成带有丰富动画的精美 HTML 演示文稿。当用户需要构建演示文稿、转换……时使用。

用于本地开发的 Docker 与 Docker Compose 模式，涵盖容器安全、网络、数据卷策略及多服务编排。

着陆页转化率优化，涵盖布局规则、首屏设计与 CTA 心理学。包括首屏公式、社会认同放置、移动端…

为任何组件、页面或视觉界面生成独特、达到生产级标准的 UI。当用户发送带有…的图片时，可处理基于截图的迭代。

为 TikTok、Instagram、YouTube、Facebook、LinkedIn 制作视频广告，严格遵循各平台专属规格。涵盖尺寸、时长限制、AIDA 框架等……