用途：ui-craftsman 是一个网页构建技能，用户给出简短需求（如“/ui-craftsman 一个 SaaS 落地页”），它输出完整、可直接交付的网页。定位是让页面看起来像顶级设计工作室与资深前端工程师合作完成，而非通用 AI 生成物。
主要能力：先做三项创意决策——选定一种美学方向（如液态奢华、新粗野主义、编辑风、动态风、有机风、复古未来、极简精准、暗黑电影感等）、选定一套非默认字体搭配（禁用 Inter、Roboto、Arial 等作主字体）、定义一套用 CSS 自定义属性表达的配色（背景、表面、主次文字、强调色等，用 HSL）。技术上采用 React 18 JSX、Framer Motion、Tailwind CSS v4 CDN 与 Google Fonts，交付为单个 HTML 文件，通过 Babel standalone 在浏览器中运行。要求每个可见节点都是 motion.* 组件，包含页面载入编排、滚动驱动动画、悬停/点击微交互，并给出缓动与时长标准。同时要求移动优先响应式、语义化 HTML、键盘可导航、用 useReducedMotion 尊重减少动效偏好，以及构建后截图与录屏做视觉验证。
使用方式：以 /ui-craftsman 加需求描述调用；产出后通常在浏览器中打开该 HTML 文件即可查看。
适用场景：需要高完成度、强动效与独特视觉风格的营销页、落地页、作品展示类页面。
限制：资料未提供安装命令、收费方式、平台支持范围与具体性能指标；其依赖 CDN 资源与浏览器端 Babel 编译，实际部署与兼容性需自行验证。