{"_id":"@bondli-skills/article-to-picture","name":"@bondli-skills/article-to-picture","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.3":{"name":"@bondli-skills/article-to-picture","version":"1.0.3","type":"module","main":"dist/index.js","types":"dist/index.d.ts","dependencies":{"puppeteer":"^24.0.0"},"devDependencies":{"@types/node":"^20.11.0","typescript":"^5.4.0","tsx":"^4.7.0","@bondli-skills/shared":"1.0.1"},"license":"MIT","scripts":{"build":"tsc -p tsconfig.json && tsc","typecheck":"tsc -p tsconfig.json --noEmit && tsc --noEmit","clean":"rm -rf dist","start":"tsx src/index.ts","screenshot":"tsx scripts/screenshot.ts","fix-html":"tsx scripts/fix-html.ts","post-process":"bash scripts/post-process.sh"},"_id":"@bondli-skills/article-to-picture@1.0.3","description":"OpenClaw Skill：将文章/推文转化为手机可读的 HTML 信息图，自动匹配视觉风格，截图即用。","_integrity":"sha512-qMR835bPcYB03PkgSfab/ZLdN0mJO64YFQcP23Hvd3YKBiQoWege6IegsI64dtDQ9Pz1eDFnWK4oFTypvQVn7A==","_resolved":"/private/var/folders/cj/r9_g5rts3xv744s65g3mg8q40000gn/T/59400717453373fd9ca9b5f92767ddcb/bondli-skills-article-to-picture-1.0.3.tgz","_from":"file:bondli-skills-article-to-picture-1.0.3.tgz","_nodeVersion":"22.17.0","_npmVersion":"11.5.2","dist":{"integrity":"sha512-qMR835bPcYB03PkgSfab/ZLdN0mJO64YFQcP23Hvd3YKBiQoWege6IegsI64dtDQ9Pz1eDFnWK4oFTypvQVn7A==","shasum":"0f6c7d61adf486a230e2a90f6e50c48bdf8f838f","tarball":"https://registry.npmjs.org/@bondli-skills/article-to-picture/-/article-to-picture-1.0.3.tgz","fileCount":12,"unpackedSize":17982,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDJWNTkMemLTL/19lPQYc/0sa1t4aScgGKvXMAcKemNqAIgGzZzDiVNJ/VbIh4j5Zsg3EThkOYASRChlflzRchsxeY="}]},"_npmUser":{"name":"bondli","email":"250934756@qq.com"},"directories":{},"maintainers":[{"name":"bondli","email":"250934756@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/article-to-picture_1.0.3_1774532336083_0.8065383078828003"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-26T13:38:55.934Z","1.0.3":"2026-03-26T13:38:56.224Z","modified":"2026-03-26T13:38:56.450Z"},"maintainers":[{"name":"bondli","email":"250934756@qq.com"}],"description":"OpenClaw Skill：将文章/推文转化为手机可读的 HTML 信息图，自动匹配视觉风格，截图即用。","license":"MIT","readme":"# Article-to-Picture\n\nOpenClaw Skill：将文章/推文转化为手机可读的 HTML 信息图，自动匹配视觉风格，截图即用。\n\n## 效果\n\n给 bot 发一个链接或一段文字，自动生成信息图：\n\n```\n文生图 https://x.com/xxx/status/xxx\n```\n\n## 特点\n\n- **AI 自由设计** — 不套模板，根据内容调性自动选择视觉方向\n- **手机适配** — 1080px 画布，字号 ×3 设计，手机上清晰可读\n- **后处理兜底** — 自动修复 CSS 边距、溢出、字号等常见问题\n- **9 种灵感方向** — 商务简报、暗色科技、杂志编辑、手账笔记、报纸新闻等\n\n## 文件结构\n\n```\n├── SKILL.md                 # 入口：工作流 + 设计理念\n├── rules/\n│   ├── 01-技术底线.md        # 字号、宽度、overflow 硬约束\n│   ├── 02-截图流程.md        # Chrome DevTools 截图步骤\n│   └── 03-风格灵感.md        # 9 种视觉方向灵感参考\n├── scripts/\n│   ├── fix-html.js          # CSS 后处理修复\n│   └── post-process.sh      # 一键后处理（fix + 字号兜底）\n├── templates/               # 9 个 HTML 模板（灵感参考）\n└── docs/                    # 快速开始、设计规范\n```\n\n## 安装\n\n复制到 OpenClaw skills 目录：\n\n```bash\ncp -r . ~/.openclaw/workspace/skills/article-to-picture\n```\n\n## 技术底线\n\n生成的 HTML 必须遵守：\n\n| 规则     | 值                                  |\n| -------- | ----------------------------------- |\n| 容器宽度 | `width: 1080px`（不用 max-width）   |\n| 容器高度 | `min-height: 1440px`（不用 height） |\n| H1 字号  | ≥ 72px                              |\n| 正文字号 | ≥ 30px                              |\n| 最大栏数 | 2 栏                                |\n| overflow | 禁止 hidden                         |\n\n详见 `rules/01-技术底线.md`。\n\n## License\n\nMIT\n","readmeFilename":"README.md","_rev":"1-1b7b7f0e45cdf18be4e212eed805a09d"}