تشغيل أي مهارة في Manus بنقرة واحدة

$pwd:

trmnl-image-generator

Name: Trmnl Image Generator
Author: joshp123

// 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".

تشغيل في Manus

$ git log --oneline --stat

stars:١٣

forks:٤

updated:٢٩ مارس ٢٠٢٦ في ١٠:١٩

SKILL.md

readonly

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

related-skills.json

نفس المستودع

rfc-adr-authoring.md

from "joshp123/ai-stack"

Create or revise RFCs and ADRs using Lawbot-Hub templates, strong in-repo examples, and concrete failure-mode examples. Use when drafting, reviewing, or tightening RFC/ADR documents, or when assessing RFC/ADR quality.

2026-05-2813

markdown-converter.md

from "joshp123/ai-stack"

Convert documents and files to useful Markdown using the installed markitdown and markit CLIs. Use when converting PDF, Word (.docx), PowerPoint (.pptx), Excel (.xlsx, .xls), HTML, CSV, JSON, XML, images, audio, ZIP archives, YouTube URLs, or EPubs to Markdown, when choosing between markit and markitdown for better extraction quality, when comparing PDF extraction results, or when OCR may be needed for scanned or image-heavy PDFs.

2026-03-2913

skill-creator.md

from "joshp123/ai-stack"

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends an AI coding agent's capabilities with specialized knowledge, workflows, or tool integrations.

2026-03-2713

visualise.md

from "joshp123/ai-stack"

Render inline interactive visuals — SVG diagrams, HTML widgets, charts, and explainers — directly in the conversation. Use this skill whenever the user asks to visualize, diagram, chart, illustrate, or explain something visually, or when an explanation would genuinely benefit from a spatial or interactive diagram rather than text. Also triggers for flowcharts, architecture diagrams, data visualizations, interactive explainers, comparison layouts, UI mockups, and requests containing 'show me', 'draw', 'map out', 'visualize', or 'diagram'.

2026-03-1313

pr-commit-workflow.md

from "joshp123/ai-stack"

This skill should be used when creating commits or pull requests, enforcing a human-written PR structure, intent capture, and evidence in agentic workflows.

2026-03-0713

xcodebuildmcp-cli.md

from "joshp123/ai-stack"

Official skill for the XcodeBuildMCP CLI. Use when doing iOS/macOS/watchOS/tvOS/visionOS work (build, test, run, debug, log, UI automation).

2026-02-2413

package.json

"author": "joshp123"

"repository": "joshp123/ai-stack"

فتح مستودع GitHub عرض مستودعات المنشئ

$ install --global

$ download --local

تشغيل في Manus

$ useful --forSOC

مطوّرو الويبمهن الحاسوب والرياضيات15-1254L4

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

trmnl-image-generator

TRMNL Image Generator

Quick Start

Image Requirements

ImageMagick Conversions

Standard 1-bit PNG

With Floyd-Steinberg dithering (better gradients)

BMP3 format (alternative)

2-bit grayscale (FW 1.6.0+ only)

HTML Template Design

Example Template Structure

Upload API

Plugin Image Endpoint

Finding Plugin UUID

Verification

Common Issues

المزيد من هذا المستودع

المزيد من هذا المستودع

TRMNL Image Generator

Quick Start

Image Requirements

ImageMagick Conversions

Standard 1-bit PNG

With Floyd-Steinberg dithering (better gradients)

BMP3 format (alternative)

2-bit grayscale (FW 1.6.0+ only)

HTML Template Design

Example Template Structure

Upload API

Plugin Image Endpoint

Finding Plugin UUID

Verification

Common Issues