ワンクリックでManusで任意のスキルを実行

trmnl-image-generator

スター13

フォーク4

更新日2026年3月29日 10:19

Generates TRMNL-compatible e-ink display images. Use when creating images for TRMNL devices, converting images to 1-bit format, or uploading content to e-ink displays. Triggers on "TRMNL", "e-ink", "e-paper", "terminal display".

インストール

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

Manusで実行

ソース

joshp123

joshp123/ai-stack

GitHub リポジトリを開く Creator のリポジトリを見る

ダウンロード

Manusで実行

TRMNL Image Generator

Generate images compatible with TRMNL e-ink displays.

Quick Start

Generate an HTML template, screenshot it, convert to 1-bit, upload:

# 1. Screenshot HTML at 800x480
playwright screenshot template.html raw.png --viewport-size=800,480

# 2. Convert to 1-bit monochrome
magick raw.png -monochrome -colors 2 -depth 1 -strip png:output.png

# 3. Upload to TRMNL
curl -X POST --data-binary @output.png \
  -H 'Content-Type: image/png' \
  'https://usetrmnl.com/api/plugin_settings/{PLUGIN_UUID}/image'

Image Requirements

TRMNL devices require specific image formatting:

Property	Requirement
Size	800x480 pixels
Depth	1-bit (monochrome)
Colors	2 (black and white)
Format	PNG or BMP3

ImageMagick Conversions

Standard 1-bit PNG

magick input.png -monochrome -colors 2 -depth 1 -strip png:output.png

With Floyd-Steinberg dithering (better gradients)

magick input.png -dither FloydSteinberg -remap pattern:gray50 -depth 1 -strip png:output.png

BMP3 format (alternative)

magick input.png -monochrome -colors 2 -depth 1 -strip bmp3:output.bmp

2-bit grayscale (FW 1.6.0+ only)

# Create colormap first
magick -size 4x1 xc:#000000 xc:#555555 xc:#aaaaaa xc:#ffffff +append -type Palette colormap-2bit.png

# Convert with colormap
magick input.png -resize 800x480\! -dither FloydSteinberg -remap colormap-2bit.png \
  -define png:bit-depth=2 -define png:color-type=0 output.png

HTML Template Design

For best e-ink results:

Use high-contrast black/white design
Avoid gradients and anti-aliasing
Use bold, sans-serif fonts (min 14px)
Keep layouts simple with clear hierarchy
Test with actual device (screens vary)

Example Template Structure

<!DOCTYPE html>
<html>
<head>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      width: 800px;
      height: 480px;
      font-family: system-ui, sans-serif;
      background: white;
      color: black;
      padding: 24px;
    }
    h1 { font-size: 48px; font-weight: 900; }
    .content { font-size: 18px; }
  </style>
</head>
<body>
  <h1>TITLE</h1>
  <div class="content">Content here</div>
</body>
</html>

Upload API

Plugin Image Endpoint

curl -X POST --data-binary @image.png \
  -H 'Content-Type: image/png' \
  'https://usetrmnl.com/api/plugin_settings/{PLUGIN_UUID}/image'

Response on success:

{"data":{"message":"Image uploaded successfully"}}

Finding Plugin UUID

Go to TRMNL dashboard
Navigate to your plugin settings
UUID is in the URL: /plugin_settings/{UUID}

Verification

Check image properties with ImageMagick:

magick identify -verbose output.png | grep -E "(Geometry|Depth|Colors|Type)"

Expected output:

Geometry: 800x480+0+0
Type: Bilevel
Depth: 1-bit
Colors: 2

Common Issues

Issue	Cause	Fix
Image not showing	Wrong bit depth	Use `-monochrome -colors 2 -depth 1`
Gray areas	8-bit grayscale	Convert to 1-bit
Wrong size	Not 800x480	Add `-resize 800x480\!`
Fuzzy text	Anti-aliasing	Use `-monochrome` (no dither) for text

このリポジトリの他の Skills

同じリポジトリ

anti-slop-output

joshp123/ai-stack

Draft or edit public documentation, product, UI or CLI copy, external drafts, or explicitly requested editorial reviews in clear, plain British English. Do not use for ordinary chat, commentary, status, plans, code-only work, research, internal reviews, worker prompts or evidence gathering.

2026-07-1513

grill-me

joshp123/ai-stack

Use only when the user explicitly invokes $grill-me or asks to be grilled, pressure-tested, challenged, interrogated, questioned first, or aligned before work starts. Broad task-alignment workflow for software, research, writing, planning, purchasing, operations, design, and other generic tasks. Do not invoke proactively; if a task seems underspecified, suggest that the user can invoke this skill without entering the workflow.

2026-07-0713

update-ai-tools

joshp123/ai-stack

Maintain and update fast-moving AI tools in the Nix workspace. Use when asked to refresh, verify, package, install, apply, or compare current versions of Codex, Claude, pi, MCP tools, XcodeBuildMCP, markit/markitdown, qmd, spogo, or other AI developer tools managed through nix-ai-tools, nixos-config, Homebrew tap locks, or ai-stack.

2026-06-2713

summarize

joshp123/ai-stack

Use summarize.sh to summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files. Use for markdownified YouTube transcripts with summarize --extract --format md --markdown-mode llm.

2026-06-1913

summarize-youtube

joshp123/ai-stack

High-quality YouTube transcription from audio using yt-dlp + whisper.cpp through the local summarize CLI. Use when captions are unavailable/untrusted or the user explicitly wants audio transcription. For summarize.sh markdownified YouTube transcripts, use the summarize skill instead.

2026-06-1913

session-goal-writer

joshp123/ai-stack

Write durable Codex session goals. Use when the user asks to write, improve, set, update, or replace a session goal; says the current session goal is too vague, too narrow, too specific, or slop; asks for a long-running/autonomous objective to be framed as a goal; or asks Codex to encode vision, north star, current slice, success criteria, deliverable, CTO briefing, alignment needs, review loop, and completion proof into a session goal. Do not use for ordinary planning, CTO briefs, reviews, or research unless the user asks to create or revise a session goal.

2026-06-0513

name	trmnl-image-generator
description	Generates TRMNL-compatible e-ink display images. Use when creating images for TRMNL devices, converting images to 1-bit format, or uploading content to e-ink displays. Triggers on "TRMNL", "e-ink", "e-paper", "terminal display".
allowed-tools	["Bash","Write","Read","Edit"]

TRMNL Image Generator

Generate images compatible with TRMNL e-ink displays.

Quick Start

Generate an HTML template, screenshot it, convert to 1-bit, upload:

# 1. Screenshot HTML at 800x480
playwright screenshot template.html raw.png --viewport-size=800,480

# 2. Convert to 1-bit monochrome
magick raw.png -monochrome -colors 2 -depth 1 -strip png:output.png

# 3. Upload to TRMNL
curl -X POST --data-binary @output.png \
  -H 'Content-Type: image/png' \
  'https://usetrmnl.com/api/plugin_settings/{PLUGIN_UUID}/image'

Image Requirements

TRMNL devices require specific image formatting:

Property	Requirement
Size	800x480 pixels
Depth	1-bit (monochrome)
Colors	2 (black and white)
Format	PNG or BMP3

ImageMagick Conversions

Standard 1-bit PNG

magick input.png -monochrome -colors 2 -depth 1 -strip png:output.png

With Floyd-Steinberg dithering (better gradients)

magick input.png -dither FloydSteinberg -remap pattern:gray50 -depth 1 -strip png:output.png

BMP3 format (alternative)

magick input.png -monochrome -colors 2 -depth 1 -strip bmp3:output.bmp

2-bit grayscale (FW 1.6.0+ only)

# Create colormap first
magick -size 4x1 xc:#000000 xc:#555555 xc:#aaaaaa xc:#ffffff +append -type Palette colormap-2bit.png

# Convert with colormap
magick input.png -resize 800x480\! -dither FloydSteinberg -remap colormap-2bit.png \
  -define png:bit-depth=2 -define png:color-type=0 output.png

HTML Template Design

For best e-ink results:

Use high-contrast black/white design
Avoid gradients and anti-aliasing
Use bold, sans-serif fonts (min 14px)
Keep layouts simple with clear hierarchy
Test with actual device (screens vary)

Example Template Structure

<!DOCTYPE html>
<html>
<head>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      width: 800px;
      height: 480px;
      font-family: system-ui, sans-serif;
      background: white;
      color: black;
      padding: 24px;
    }
    h1 { font-size: 48px; font-weight: 900; }
    .content { font-size: 18px; }
  </style>
</head>
<body>
  <h1>TITLE</h1>
  <div class="content">Content here</div>
</body>
</html>

Upload API

Plugin Image Endpoint

curl -X POST --data-binary @image.png \
  -H 'Content-Type: image/png' \
  'https://usetrmnl.com/api/plugin_settings/{PLUGIN_UUID}/image'

Response on success:

{"data":{"message":"Image uploaded successfully"}}

Finding Plugin UUID

Go to TRMNL dashboard
Navigate to your plugin settings
UUID is in the URL: /plugin_settings/{UUID}

Verification

Check image properties with ImageMagick:

magick identify -verbose output.png | grep -E "(Geometry|Depth|Colors|Type)"

Expected output:

Geometry: 800x480+0+0
Type: Bilevel
Depth: 1-bit
Colors: 2

Common Issues

Issue	Cause	Fix
Image not showing	Wrong bit depth	Use `-monochrome -colors 2 -depth 1`
Gray areas	8-bit grayscale	Convert to 1-bit
Wrong size	Not 800x480	Add `-resize 800x480\!`
Fuzzy text	Anti-aliasing	Use `-monochrome` (no dither) for text