全部技能

免费工具页

free-tool-page
付费上线版本 1.0.0

给 Next.js 做一个只干一件事的免费工具页，靠自身内容被收录，访客输入不离开浏览器；检查脚本断网后逐个输入测试用例，输入内容一旦被发出去就判失败。

完整说明（英文）

Builds a free single-purpose tool page (counter, checker, calculator, generator) in a Next.js App Router site that ranks, converts and keeps what visitors type in the browser. The tool is server-rendered with explanation, worked examples computed by the same code, sources and one call to action under it, an absolute self canonical, and WebApplication plus BreadcrumbList JSON-LD without invented ratings. An audit loads the running page in Chromium and checks title, description, canonical, h1, JSON-LD and words in the server HTML, third-party requests, the JavaScript budget (gzip), labels and a live result region, then turns the network off, types every test case, compares results and reports any request made while typing (an error if it carries the typed text). Ships a working sample (an X post length checker that matches the official twitter-text parseTweet, tested on 20,000 generated texts). Use when the user wants a free tool, calculator or checker page, a lead magnet without an email gate, or to audit one.

一份 X 帖子字数检查器的初稿，事先埋了 3 个问题：按肉眼看到的字符计数、把草稿发到统计接口、从 Google 加载字体。检查脚本把 3 个问题都找了出来，AI 助手改好后，再拿计数器和 X 官方的库比对，最后在断网状态下实际使用页面。 · 录制于 2026-11-03

  1. 1对初稿运行 tool_audit：断网后 7 个用例全错，页面请求了 fonts.googleapis.com 和 fonts.gstatic.com，输入的内容还被 POST /api/log 发了出去；3 个错误，检查不通过
  2. 2AI 助手换上 X 的计数方法，删掉 /api/log 那段代码，去掉字体链接；重新构建后检查通过：断网时 7 个用例全对，没有第三方请求，JavaScript 111.9 KB，低于 130 KB 的上限，共 15 项检查
  3. 3compare_with_twitter_text 用计数器和 X 官方的 twitter-text 库同时计算 20,011 条文本：0 处不同，配置里的 7 个测试用例也与官方库一致
  4. 4断网状态下在浏览器里使用页面：链接算 23，中文每个字算 2，长帖超出上限后 X 会截掉的部分被标出来，接着是计数规则和算好的示例；页面加载后请求数为 0（这段 1.25 倍速）

预览

它能做什么

给 Next.js 做一个只干一件事的免费工具页，靠自身内容被收录，访客输入不离开浏览器；检查脚本断网后逐个输入测试用例，输入内容一旦被发出去就判失败。

  • Next.js App Router 模板，按效果好的顺序排好：h1、导语、一句属实的隐私说明、工具本身、原理、用同一份代码算出来的示例、没算进去的部分、出处、一个行动按钮
  • 工具是一个纯函数，输入只存在 React state 里：不发请求、不写存储、不加第三方脚本
  • 指向自己的绝对 canonical，加上 WebApplication 和 BreadcrumbList 结构化数据，不编造评分、评论或价格
  • tool_audit 用 Chromium 打开运行中的页面，检查服务端 HTML 里的标题、描述、canonical、唯一的 h1、结构化数据和字数，还有第三方域名、gzip 后的 JavaScript 体积上限、表单标签和实时结果区域
  • 然后断网，把每个测试用例输进去比对结果；输入时如果有请求带走了输入的内容，直接判失败
  • 自带可运行的示例：X 帖子字数检查器，从 twitter-text 的 parseTweet 移植而来，在 2 万条随机文本和 411 个记录用例上与官方库结果完全一致
试试这句提示词
用 free-tool-page 技能给我的网站做一个免费工具页：帮我挑一个能拿可靠来源验证的工具，围绕它把页面写好，再跑检查脚本，直到全部通过。

购买后可查看完整说明

这是付费技能，可单独购买，也可通过套餐获得全部技能。购买后可在本页或账户页下载。

目录

  1. 01When to use / when not to
  2. 02What you get
  3. 03Workflow
  4. 04Rules
  5. 05Checks
  6. 06How to verify

里面有什么

22 个文件：SKILL.md、8 个脚本、3 份参考资料、9 个模板和资源文件、1 个测试。

free-tool-page/
  • SKILL.md6.9 KB
  • assets/(9)53.3 KB
    • nextjs/(9)53.3 KB
      • src/(8)51.6 KB
        • app/(3)10.6 KB
          • tools/(3)10.6 KB
            • x-post-length/(3)10.6 KB
              • page.tsx5.9 KB
              • tool.css2.4 KB
              • XPostCounter.tsx2.2 KB
        • components/(1)312 B
          • JsonLd.tsx312 B
        • lib/(4)40.7 KB
          • tool-site.ts504 B
          • x-count-data.mjs33.0 KB
          • x-count.d.mts662 B
          • x-count.mjs6.5 KB
      • tool.config.json1.7 KB
  • references/(3)8.1 KB
    • privacy-and-speed.md2.3 KB
    • tool-page.md3.8 KB
    • x-counting.md2.1 KB
  • scripts/(9)74.8 KB
    • fixtures/(1)43.3 KB
      • x-count.cases.json43.3 KB
    • template-check/(1)2.2 KB
      • tool.test.tsx2.2 KB
    • _args.mjs435 B
    • _audit-core.mjs6.2 KB
    • check_nextjs_template.sh1.9 KB
    • compare_with_twitter_text.mjs4.1 KB
    • gen_x_data.mjs2.8 KB
    • selftest.mjs5.1 KB
    • tool_audit.mjs8.9 KB

常见问题

免费工具页 是做什么的？

给 Next.js 做一个只干一件事的免费工具页，靠自身内容被收录，访客输入不离开浏览器；检查脚本断网后逐个输入测试用例，输入内容一旦被发出去就判失败。

支持哪些 AI 工具？

Claude Code、Codex、Cursor，以及其他支持 Agent Skills 格式（带 SKILL.md 的文件夹）的工具。把安装提示词贴给 AI，或者把文件夹解压到它的技能目录即可。

下载包里有什么？

22 个文件：SKILL.md、8 个脚本、3 份参考资料、9 个模板和资源文件、1 个测试。

多少钱？

单独购买 US$6.99，一次性付款，含 12 个月更新。年付和终身版包含所有付费技能。

可以退款吗？

首次付款 14 天内、且没有下载任何付费技能的，可以全额退款。下载之后不退款，除非技能有缺陷且我们无法修复。

怎么获取更新？

一次性购买含 12 个月更新；年付和终身版在有效期内持续更新。在本页或账户页重新下载即可。当前版本：1.0.0。