用途：为后续导入 CanAI 生成推荐的静态标记，每页一个完整 HTML 文档，不使用 React/Vue/构建工具。风格仅用 Tailwind CSS 工具类，行为用原生 JS 或 Alpine.js，图标用 Lucide（data-lucide）。技能假定运行在用户自己的文件夹而非 WordPress 根目录，只关注 CanAI 兼容、可集成的单 HTML 输出，不要求 WP-CLI、.env.wplocal 或写入 wp-content/。
主要能力：输出到当前工作目录或用户指定路径，默认 ./<project-slug>/，内含 index.html、about.html、assets/、可选 pages.json 与 menus.json；资源用相对路径，便于复制到 WordPress 上传目录、本地预览或交给 canai-mcp 导入。文件带原子设计导航注释、语义区域与可映射到 Twig 及 _canai_css/_canai_js 的类名。支持两种工作流：图片/设计稿转 HTML；以及 SPA/PWA 转相互链接的静态 HTML 页面（用 <a href> 替代客户端路由，写 pages.json 记录 slug/title/file）。
关键约定：技术栈严格限定为语义 HTML5、Tailwind 工具类、原生 JS/Alpine.js、Lucide；禁用 React/Vue/Svelte/Angular、打包器、JSX、.vue 及本技能中的 Tailwind 构建步骤。导航最多两个菜单——主菜单 <!-- Navigation / Primary --> + <nav data-canai-menu="primary">，页脚菜单 <!-- Navigation / Footer --> + <nav data-canai-menu="footer">，不得发明第三个菜单名；菜单数据写入 menus.json。图片在选容器前需做取景预检，读取实际宽高、检查像素、决定宽高比与焦点，优先响应式 aspect-* 而非固定 h-*，面部与主体须在移动端与桌面端均可见。预览库脚本包裹在 WPCanAI-PREVIEW-LIBS 注释内；页面逻辑放在标记之外。导入模板时应剥离预览块，由 CanAI 通过 wp_head()/wp_footer() 注入 Tailwind/Lucide/Alpine。
限制与交接：导入后 header/footer 抽为模板组件，<main> 进入页面模板的 _canai_html；图片改为基于媒体 id 的辅助函数（如 image_attrs(id, 'src,alt')），导航注释在导入时变成 {# Type / Short Label #}，需在 CanAI 设置中启用 Tailwind、Lucide、Alpine。WooCommerce 页面以单个占位区域加开发注释表示，不在此处接线。具体实现细节以资料中 references/BOILERPLATE.md 与 references/STRUCTURE-NAVIGATION.md 为准；收费、价格、平台与效果等事实暂未提供。