using

改进不清晰的 UX 文案、错误消息、微文案、标签和说明，使界面更易于理解。当用户提到令人困惑的……时使用。

当用户希望使用模板和数据大规模创建 SEO 驱动的页面时使用。当用户提及“programmatic SEO”、“template pages”、“pages… ”时也可使用。

运用设计理念，在 .png 和 .pdf 文档中创作精美的视觉艺术。当用户要求创作海报、艺术品等时，应使用此技能。

一套用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂、多组件 claude.ai HTML 产物的工具集。使用…

使用 p5.js 结合种子随机数和交互式参数探索来创作算法艺术。当用户请求使用代码创作艺术时使用此技能，…

原始机械界面，将瑞士印刷排版与军事终端美学相融合。严密的网格、极端的字号对比、实用主义配色、模拟……

使用 React 的 View Transition API（`<ViewTransition>` 组件、`addTransitionType` 以及 CSS view…）实现流畅、原生体验动画的指南

使用 Obsidian CLI 与 Obsidian 知识库进行交互，以读取、创建、搜索和管理笔记、任务、属性等。还支持插件与主题…

使用 Remotion 从 Stitch 项目生成演练视频，支持平滑过渡、缩放和文字叠加效果

使用 Better Auth 在 TypeScript/JavaScript 应用中搭建脚手架并实现身份验证。检测框架、配置数据库适配器、设置路由处理器，…

使用约束系统和布局组件构建 Flutter 布局。在创建或优化 Flutter 应用的 UI 结构时使用。

使用容器查询、流式排版、CSS Grid 和移动优先断点策略实现现代响应式布局。适用于构建自适应…

使用 Chrome DevTools MCP 分析 Web 性能。测量核心 Web 指标 (LCP、INP、CLS) 及辅助指标 (FCP、TBT、Speed Index)，识别…

使用 Expo Modules API（Swift、Kotlin、TypeScript）创建和编写 Expo 原生模块与视图的指南。涵盖模块定义 DSL、原生……

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

使用 SHA-256 内容哈希缓存高开销的文件处理结果——与路径无关、自动失效，并实现服务层分离。

在 Swift 中使用 actor 实现线程安全的数据持久化——基于文件备份存储的内存缓存，从设计上消除数据竞争。

使用已连接的计费工具（如...）操作客户计费工作流，例如订阅、退款、流失分诊、计费门户恢复和套餐分析

提供了一种渐进式采用策略，使用 @callstack/react-native-brownfield 将原生 iOS 或 Android 应用迁移到 React Native 或 Expo，用于初始…

使用 WCAG 2.2 Level AA 设计、实现和审计无障碍数字产品