PortfolioFlow 是面向景观、平面、室内、工业、UX 五大设计领域的作品集建站 Skill。用户用一句中文或英文描述需求,它会生成完整作品集前台(Hero、作品网格、详情页、关于、AI 助手对话框)、设计师管理后台(登录、作品 CRUD、AI 生成介绍、统计看板),以及主题色自定义(5 套预设主题,或传入 hex 自由组合),并包含 Edge Functions、KV、Middleware、JWT 鉴权等全栈能力,最终通过 edgeone-pages-deploy 一键部署到 EdgeOne Pages。
使用方式:Skill 按决策树执行。第一步收集必填信息,必填项为设计师姓名与设计领域,缺项时一次性追问;网站标题、一句话定位、主题方案、预填作品数可选,默认标题为“{姓名} 作品集”,默认主题“暗夜森林”,默认 3 个示例作品。第二步按领域加载 references/portfolio-knowledge.md 的内容套路。第三步在 /tmp/portfolio-{slug}/ 下生成 index.html、portfolio-detail.html、admin.html、login.html、assets/、functions/(auth.js、portfolios.js、generate.js、stats.js、_middleware.js)与 README.md。第四步把主题注入各页面的 CSS 变量。第五步触发“deploy this portfolio to EdgeOne Pages”部署,并在控制台手动绑定 KV 命名空间 PORTFOLIO_USERS、PORTFOLIO_WORKS、PORTFOLIO_STATS(变量名须严格匹配,绑定后作为全局变量访问),再重新部署使其生效。
限制与约束:默认模式零配置可跑,不依赖外部 API Key;“接真 AI / 用 DeepSeek”时为可选增强。路径避免特殊字符,优先使用 ~/Desktop/ 下干净路径。图片字段直接信任传入的 img,本地与远程原样使用。JWT secret 从环境变量 JWT_SECRET 读取,不硬编码。首次部署返回公开 URL、控制台链接、默认管理员账号(提示首次登录后立即修改密码)。特定项目展示站、落地页、简历改网页、单纯生成作品介绍等请求不应触发本 Skill。双语、RSS、评论等属可选增强,需用户明确要求。