design

精英 UX/UI 与高级 GSAP 动效工程师。采用 Python 驱动的真随机化实现布局差异，遵循严格的 AIDA 页面结构，宽版编辑式……

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

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

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

提供完整的 shadcn/ui 组件库模式，包括无障碍 React 组件的安装、配置与实现。适用于……

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

构建一次性原型，在正式确定设计前验证其可行性。在两个分支之间进行路由——一个用于状态/业务逻辑的可运行终端应用……

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

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

设计让界面感觉精致的工程原则。适用于构建 UI 组件、审查前端代码、实现动画、悬停效果……

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 发布。

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

本技能用于界面设计——仪表盘、管理后台、应用程序、工具和交互产品。不适用于营销设计（落地页、营销网站……

构建和配置 Laravel 10+ 应用，包括创建 Eloquent 模型和关联关系、实现 Sanctum 身份验证、配置 Horizon……

审查 UI 代码是否符合 Web Interface Guidelines 规范。当被要求“review my UI”、“check accessibility”、“audit design”、“review UX”或“check my site…”时使用。

遵循 WCAG 2.1 指南实现 Web 无障碍 (a11y) 标准。适用于构建无障碍 UI、修复无障碍问题或确保……

管理高管的日程、收件箱和沟通事务。

创建 Google Drive 文件夹结构，并将文件移动到正确的位置。