trmnl-paper-takumi

用途：将 Takumi 风格的 .tsx scene 本地渲染为静态图片（默认 webp），上传到可访问 URL 后，用 wrap_image_markup.py 生成最小 Blade markup（默认优先 image-dither），必要时交给 trmnl-paper-screen 推送。适合海报式单屏、像素风主视觉、截图式/插画式/封面式布局，以及更适合先渲染成图片再包进 TRMNL 的内容。若以 KPI、列表、表格、rich text、item、table、progress 为主，或需复用 x-trmnl::... 组件和长期编辑局部模块，应改用 trmnl-paper-blade。视觉定调为白底黑字、高对比、排版驱动、像素友好；层级靠字号、字重、留白、位置，不靠阴影渐变；像素图必须整数缩放并写 imageRendering: "pixelated"；不要假想 hover、动画或复杂交互。画布默认 800x480，根节点显式写宽高，Takumi v1 默认 display: inline，需容器布局时显式设 flex；布局优先 tw，精确像素用 style，尽量用整数尺寸与间距。只有 scene 导出 googleFonts 或显式传 --google-font 时才远程加载 Google Fonts。当前只封装常用子集：.tsx scene 到本地静态图、persistent images（--image key=path）、可选 Google Fonts、外部图片 URL 到最小 TRMNL wrapper；上游还支持原始 HTML、measure()、renderAnimation()、raw frames、ImageResponse、emoji 等，未包含在本技能内。使用脚本：scripts/render_scene.tsx、scripts/wrap_image_markup.py。建议阅读 references 下的 takumi-basics、design-rules、render-workflow、trmnl-wrapper、examples、api_reference。渲染后需肉眼检查构图、黑白层级、留白与可读性，再用 validate_markup.py 校验结构。wrapper 只放一张图片，默认启用 image-dither，仅在确认原图纯黑白硬边且实机复查证明不加更好时才用 --no-dither。收费、价格、平台等信息暂未提供。