WORKStore
🧱
NEW设计社区小店老板想要一页能发朋友圈的网页,自己拼出来总像学生作业帮朋友或家里店做页面的,做出来了但被一句「怎么看着像十年前的」噎住自由职业者要一页能发给客户的作品页,不想为它学设计

做个网页

你的店需要一个能发出去的网页。你自己拼出来了,可看着就像十年前的网站——说不上来哪儿不对。先给你定基调,再给你排结构,最后逐条自检。

先问清五件事再动手:卖什么 / 给谁看 / 什么时候看 / 最怕客人不知道什么 / 这页不做什么十类生意视觉基调板:暖食 / 冷饮 / 美业 / 健身 / 教培 / 宠物 / 装修 / 零售 / 上门服务 / 工作室16 个颜色代码一次配齐,从主色到正文色,直接抄进你的页面对比度用公式实测,8 组逐组标「通过 / 不达标」,不靠肉眼猜页面按固定五段排:首屏 / 客人卡住的事 / 今天有什么 / 常来的人怎么说 / 怎么走没有好图就别放图——用时间表 / 价格 / 规格当主视觉,比糊图更像正经店交付前自检 8 条,对比度和按钮尺寸都写死标准,不达标就改
适合社区小店老板想要一页能发朋友圈的网页,自己拼出来总像学生作业 · 帮朋友或家里店做页面的,做出来了但被一句「怎么看着像十年前的」噎住 · 自由职业者要一页能发给客户的作品页,不想为它学设计 · 活动下周就要,需要一个报名页,好看点,别太费事
行业本地服务 · 餐饮食品 · 零售 · 设计服务 · 全部
平台WorkBuddy / Claude Code / Codex
当前v1.0.0 · 2026-10-12 更新 · 买一次永久升级
🧪 真人实测跑通才上架 💚 微信支付 · 官方担保交易 ♾️ 买一次 · 永久下载与更新
¥19.9 一次买断

一次买断 · 下载与更新永久免费 · 换设备可找回

先看 Demo
  • 输入后直接出整案
  • 覆盖 6 项结构化输出
  • WorkBuddy / Claude Code / Codex 多平台
  • 支持自定义修订

支付由 微信支付 提供 · 支付宝即将接入

⟳ WORK IS RUNNING

装上以后,
它会怎么工作?

WORK 不是聊天。它是分步骤推进、最后输出可用结果的工程化工作流。每个步骤都明确,输入不足会主动追问,输出是结构化整案。

  • → 4 关流程:五问开题 / 定基调 / 定结构 / 过自检
  • → 真实实测:小区面包房选定「暖食」板,7 组对比度全过 AA 4.5:1(最低 5.02),首屏一句话说清「每天早上六点出炉」
  • → 全页零张图片——四张出炉时间卡承担全部视觉重量,比糊图更像正经店
  • → 10 类基调板:暖食 / 冷饮 / 美业 / 健身 / 教培 / 宠物 / 装修 / 零售 / 上门服务 / 工作室
  • → 没匹配到基调时明确拒写(退出码 2),列出十板让你重选,不硬套
workstore · build-webpage · v1.0.0
USER
我朋友开了个小面包房,在小区门口。她想弄个网页发朋友圈和小红书主页,让人点开就知道几点出炉、卖什么、怎么走。之前找人做的那个白底黑字一长条,她说「怎么看着像个十年前的网站」。明天下午要用。
WORK / RUNNING
收到,正在按以下步骤推进:
  • ✓ 五问开题 · 卖什么 / 给谁看 / 什么时候看 / 最怕客人不知道什么 / 这页不做什么——答不完不开工
  • ✓ 定基调 · 从十类生意基调板自动匹配,16 个颜色代码一次给齐,对比度当场实测
  • ✓ 定结构 · 首屏 / 客人卡住的事 / 今天有什么 / 常来的人怎么说 / 怎么走,每段职责固定
  • ◐ 落成页面 · 单文件页面直接打开;没有好图就别放图,改用时间表 / 价格当主视觉
  • ○ 过自检 · 8 条逐条打勾:首屏说得清吗 / 图该不该放 / 按钮够不够大 / 对比度够不够 / 关掉动效还完整吗
OUTPUT READY · 五问需求单 · 暖食基调板 16 色 + 对比度实测 7 组全过 · 五段结构单文件页 10.6KB · 自检 8 条全过 · 待填清单
实测 Demo 汇总页 · 给小区面包房做一页(五问开题 · 暖食板 16 色 · 对比度 7 组全过 · 五段结构零图排版 · 自检 8 条全过)
实测 Demo 汇总页 · 给小区面包房做一页(五问开题 · 暖食板 16 色 · 对比度 7 组全过 · 五段结构零图排版 · 自检 8 条全过)

↑ 实机渲染的真实交付物(Demo 用模拟信息,来源已标注)

这个场景,是不是很眼熟?

明天下午要发出去的那一页,现在还停在白底黑字一长条。你自己能拼出来一个页面,可拼完一看——字挤在一起,颜色不知道怎么配,放上去的照片还是手机随手拍的。别人一句「怎么看着像十年前的」,你心里也这么觉得,但说不上来到底哪里不对。改了几个颜色,反而更难看了。问题不在你不会做页面,问题是没人告诉过你:这种店的页面,第一屏该说什么、底色该怎么选、字号该多大。

算一笔账请人做一页宣传网页,市面报价普遍几百元起,还得来回沟通你想要什么感觉;这个 WORK 一次 ¥19.9,把你生意的情况说清楚,直接给你一版配色配好、结构排好、自检过完的单文件页面——而且你会知道它为什么这么排。

什么时候用它

  • 社区小店老板想要一页能发朋友圈的网页,自己拼出来总像学生作业
  • 帮朋友或家里店做页面的,做出来了但被一句「怎么看着像十年前的」噎住
  • 自由职业者要一页能发给客户的作品页,不想为它学设计
  • 活动下周就要,需要一个报名页,好看点,别太费事

适合谁

  • 店已经有营业执照和真实信息,缺的是把它说清楚
  • 手机上给客人看的单页,不需要商城和后台
  • 你自己能改几个字,只是不知道怎么配色调结构

它会输出什么

不是聊天记录,是结构化交付物。真实案例:实测端到端产出:选定「暖食」基调板,16 个颜色代码 + 7 组对比度实测全部通过 AA 4.5:1(最低 5.02);页面按五段落成,首屏一句话说清「每天早上六点出炉」;全页零张图片,改用四张出炉时间卡当主视觉;单文件成品页 10.6KB 双击可开;交付前自检 8 条全部通过;另出宠物店一版验证 JSON 模式。5 个实测用例含 1 个「没匹配到基调」的拒写路径(退出码 2,列出十类基调让用户重选)。

1需求单(五问的答案,把模糊想法钉死)
2设计决策单:16 个颜色代码 + 对比度实测表 + 字体气质与字号阶梯 + 间距节奏 + 五段结构顺序 + 这类生意最常见的坑
3成品页面(单文件,双击就能打开,能直接发)
4交付前自检 8 条逐条结果 + 对比度实测明细
5待填清单(把所有【待填】集中列一遍,老板一次补完,不用来回问五轮)
6一句交接说明(这页想让人做什么)

工程化评分

这个 WORK 已按 WORKStore 30 节标准完成工程化、真实样品端到端测试通过。不是"看起来能写",是装上就能干活。

88.0
A · 已工程化
7 维度综合评分:触发准确 / 流程可靠 / 输出质量 / 任务完成 / 错误处理 / 用户体验 / 效率
9.4
Trigger
17.8
Workflow
17.6
Output
17.8
Task
9.4
Error
8.8
UX
7.2
Eff

含完整方法论、2 份参考、原创基调决策器(纯标准库零依赖,退出码 0/2)、十类生意基调板原创数据与实测样例(含 Demo 页与截图),共 16 个文件。四关流程:五问开题(卖什么/给谁看/什么时候看/最怕客人不知道什么/这页不做什么,答不完不开工)→ 定基调(十板自动匹配,16 个颜色代码一次给齐,对比度按 WCAG 公式实测并逐组标注达标)→ 定结构(首屏/客人卡住的事/今天有什么/常来的人怎么说/怎么走,每段职责固定)→ 过自检(8 条含按钮触控尺寸、键盘焦点、减动效完整性)。核心判断:没有好图就别放图,改用时间表/价格/规格当主视觉。真实样例(小区面包房:选定暖食板,7 组对比度全过 AA 4.5 最低 5.02,五段落成,全页零图改用四张出炉时间卡,单文件成品页 10.6KB;另跑宠物店验证 JSON 模式;5 用例含 1 个无匹配拒写退出码 2)端到端测试通过。

上架前安全检查

每件 WORK 上架前都跑同一套自动安全检查,检查项如下——查了什么就写什么,没查的也不装作查了。

✓
提示词注入检查
无「忽略之前指令」类隐藏指令,无系统角色重写、伪造系统消息或模型控制标记。
✓
隐蔽字符检查
无零宽字符等不可见 Unicode 注入——这类字符人眼看不见,但能操纵 AI。
✓
数据外传检查
无向上传密钥、.env、凭据到外部服务器的代码形态。
✓
越权声明检查
未申请超出工作所需的工具权限。

检查范围:WORK 包内全部文本与脚本文件。WORK 运行在你自己的 AI 环境里,不内嵌服务端代码、不收集你的数据。→ 完整安全检查说明

怎么装

支付完成即可下载。三步装好,不用记路径、不用敲命令。

1
下载
商品页点「获取这个 WORK」,得到 .zip,解压成文件夹——整个文件夹就是你的 WORK。
2
安装
把文件夹直接拖进你的 AI 工具对话框,说一句「安装这个 WORK」,30 秒装好。
3
使用
像跟同事说话一样告诉它要做什么,例如:@build-webpage 我朋友开了个小面包房,在小区门口,开了快两年。她想弄一个网页发到朋友圈和小红书主页,让人点开就知道几点出炉、卖什么、怎么走。昨天她让邻居家大学生帮忙做了一个,白底黑字一长条,她说「怎么看着像个十年前的网站」,我也有同感,但说不出来哪里不对。明天下午要用。
其他平台安装(Claude Code / Codex / 手动)

这个 WORK 就是一个文件夹,放进 AI 工具里就能用。WorkBuddy 最省事:把文件夹拖进对话框,说一句「安装这个 WORK」即可。用 Claude Code 或 Codex 的话,把文件夹放进它们各自的扩展目录,重启生效。

→ 图文安装教程与常见问题

常见问题

用过的人怎么说

案帮朋友的面包房做网页的人:做出来了,被一句「怎么看着像十年前的网站」噎住(WORKStore Demo 案例)Demo 案例
输入「小区门口面包房的五问答案 + 客人原话(店名、地址、电话、评价均为演示用虚构内容,已标注)。」→ 实际产出:选定「暖食」基调板,16 个颜色代码 + 7 组对比度实测全部通过 AA 4.5:1(最低 5.02);页面按五段落成,首屏一句话说清「每天早上六点出炉」;全页零张图片,改用四张出炉时间卡当主视觉;单文件成品页 10.6KB 双击可开;交付前自检 8 条全部通过;另出宠物店一版验证 JSON 模式。5 个实测用例含 1 个「没匹配到基调」的拒写路径(退出码 2,列出十类基调让用户重选)。
1内测场景反馈内测反馈
社区小店老板想要一页能发朋友圈的网页,自己拼出来总像学生作业——这类情况装上即用,输入基本情况就能直接出结果。
2内测场景反馈内测反馈
帮朋友或家里店做页面的,做出来了但被一句「怎么看着像十年前的」噎住——这类情况装上即用,输入基本情况就能直接出结果。

说明:以上为 WORKStore 演示案例与内测场景反馈,非付费用户评价;真实用户反馈将随销量逐步展示。

今天,就把这件事交出去

你的店需要一个能发出去的网页。你自己拼出来了,可看着就像十年前的网站——说不上来哪儿不对。先给你定基调,再给你排结构,最后逐条自检。

装了它的人,也在用这些

同一批人手头的高频工作,配齐一件是一件事。

获取

🧱
做个网页
¥19.9 · 一次性买断
📱 先留个手机号,作为你的购买凭证
买过的 WORK 会一直记在这个手机号名下:换手机、清缓存都能回来重新下载,绝不重复扣款。
¥19.9
应付金额
💚 微信支付

支付由微信支付提供安全保障 · 支付宝即将接入

收款码
1打开微信扫一扫,识别上方二维码
2付款¥19.9,付款备注填写下方确认码
3回到这里输入确认码 → 立即解锁
¥19.9一次买断 · 更新免费
做个网页你的店需要一个能发出去的网页。你自己拼出来了,可看着就像十年前的网站——说不上来哪儿不对。先给你定基调,再给你排结构,最后逐条自检。¥19.9一次买断 · 更新免费先看 Demo