用途:为软件、CLI 工具、开发者库等技术产品生成生产级落地页。该技能通过复制 assets/template/ 中的完整 maxsim-flutter 源码,再针对目标产品调整内容,设计、动画与结构保持不变,仅修改数据数组和产品相关字符串。
主要能力:提供基于 Vite + React + TypeScript 的模板,包含 Navbar、Hero、Features、HowItWorks、TechStack、Docs、Footer 等分区组件,使用 motion、lucide-react、clsx、tailwind-merge 与 Tailwind CSS。设计令牌在 src/index.css 的 @theme inline 中定义,默认强调色为 #3b82f6,其余为 zinc 深色系。
使用方式:先脚手架并安装依赖:npm create vite@latest <project-name> -- --template react-ts;cd <project-name>;npm install motion lucide-react clsx tailwind-merge;npm install -D tailwindcss @tailwindcss/vite @types/node。随后复制 assets/template/ 全部文件并保留目录结构。按模板中 // ADAPT: 注释替换内容:全局替换 maxsim-flutter、maystudios/maxsim-flutter、npm 包名与 MAXSIM_VERSION;更新 index.html 标题与描述;在 vite.config.ts 中修改 fetchNpmVersion 或硬编码版本;调整强调色;替换 Hero 的 FLIP_WORDS、命令与链接;Features 填 6 项;HowItWorks 填 4 步;TechStack 填 8–12 项;Docs 替换各标签页文档;Footer 更新产品名、标语、版权与链接。
适用场景:需要快速产出技术产品落地页的开发者。限制:模板与设计固定,仅适合内容替换式定制;版本号默认在构建时从 npm 获取,也可硬编码;资料未提供具体收费、平台或效果信息。