flow

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

在实现或调试任何网络请求、API 调用或数据获取时使用。涵盖 fetch API、React Query、SWR、错误处理、缓存、离线……

执行 git commit，支持约定式提交信息分析、智能暂存与提交信息生成。当用户要求提交更改、创建 git……时使用。

创建和编辑带有 wikilinks、嵌入、标注、属性及其他 Obsidian 专属语法的 Obsidian 风格 Markdown。在处理……中的 .md 文件时使用。

一个通用的自我改进智能体，能从所有技能经验中学习。采用多记忆架构（语义 + 情景 + 工作）以持续进化…

Expo SDK 版本升级与依赖问题修复指南

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

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

Stitch 设计工作的统一入口。负责处理提示词增强（UI/UX 关键词、氛围）、设计系统综合（.stitch/DESIGN.md），以及…

必须用于 Vue.js 任务。强烈推荐将 Composition API 结合 `<script setup>` 和 TypeScript 作为标准方案。涵盖 Vue 3、SSR、Volar……

创建和编辑包含节点、边、分组和连接的 JSON Canvas 文件（.canvas）。在处理 .canvas 文件、创建可视化画布、思维…时使用。

发布内容与文章至 X (Twitter)。支持带图片/视频的常规帖子以及 X Articles（长篇幅 Markdown）。使用真实的 Chrome 结合 CDP 来绕过…

为软件系统和AI驱动的功能生成高质量的产品需求文档（PRD）。包含执行摘要、用户故事、技术……

花叔Design（Huashu-Design）——使用 HTML 制作高保真原型、交互 Demo、幻灯片、动画、设计变体探索 + 设计方向顾问 + 专家评审的一体化设计能力。HTML 是工具而非媒介，根据任务化身为不同领域的专家（UX 设计师/动画师/幻灯片设计师/原型师），避免常规的 web design……

当用户要求或使用飞书画板绘制架构图、流程图、思维导图、时序图或其他可视化图表时使用此 skill，作为使用 whiteboard-cli 设计图表布局的指南。

必须用于 Vue.js 任务。强烈推荐将 Composition API、`<script setup>` 和 TypeScript 作为标准开发方式。涵盖 Vue 3、SSR、Volar……

面向 Codex 的顶级网站图像转代码技能。对于视觉要求高的 Web 任务，它必须首先自行生成设计图，对其进行深入分析，然后……

ckm:ui-styling — 一项面向 AI 智能体的可安装技能，由 nextlevelbuilder/ui-ux-pro-max-skill 发布。

ckm:design — 一项面向 AI 智能体的可安装技能，由 nextlevelbuilder/ui-ux-pro-max-skill 发布。

ckm:banner-design — 一项可安装的 AI 代理技能，由 nextlevelbuilder/ui-ux-pro-max-skill 发布。