A professional toolset for generating and deploying dithered HTML layouts to TRMNL e-ink devices using a specialized CSS framework and CLI.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install trmnl
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install trmnl using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is TRMNL Content Generator?
The TRMNL Content Generator is designed to bridge the gap between web development and e-ink hardware. By utilizing the TRMNL CSS framework, this skill allows developers to craft high-contrast, beautiful dashboards that are perfectly optimized for 800x480 2-bit displays. It provides a structured approach to building layouts that respect the unique constraints of e-ink technology, such as dithering and specific typography requirements.
Integrating this into your workflow through Openclaw Skills ensures that you can programmatically update your devices with minimal friction. Whether you are managing hero KPIs with large typography or complex data grids, the skill handles the technical heavy lifting—from HTML generation to CLI-based deployment and payload size validation.
TRMNL Content Generator Use Cases
- Creating real-time business dashboards to display sales metrics and KPIs.
- Sending automated system status notifications to a desk-mounted e-ink display.
- Developing personalized home information hubs for weather, calendar, and task lists.
- Managing multiple TRMNL devices across different locations using plugin-specific targeting.
- Prototyping e-ink layouts with dithered grayscale classes and auto-fitting text.
How TRMNL Content Generator Works
- The user installs the trmnl-cli and configures a webhook plugin associated with their physical device.
- The skill selects a layout pattern (flexbox or grid) and generates HTML content using the TRMNL framework classes.
- Content is written to a temporary local file to ensure compatibility with CLI input methods.
- The trmnl validate command is executed to verify that the payload size fits within the user's tier limits (2KB for Free or 5KB for TRMNL+).
- The finalized content is pushed to the TRMNL display via the CLI's send command, with optional history logging for verification.
TRMNL Content Generator Setup
To get started with this skill, install the latest version of the CLI tool:
npm install -g trmnl-cli@latest
Configure your webhook plugin (replace the UUID with your actual device plugin ID):
trmnl plugin add home "https://trmnl.com/api/custom_plugins/{uuid}"
Verify your setup and set your account tier to ensure accurate payload validation:
trmnl plugin
trmnl tier plus
TRMNL Content Generator Data Schema & Taxonomy
The skill generates HTML structures based on the following taxonomy:
| Component | CSS Class | Purpose |
|---|---|---|
| Root Container | .layout |
The primary flex/grid wrapper for all content. |
| Status Bar | .title_bar |
Bottom-aligned bar for titles, icons, and context. |
| Typography | .value--tnums |
Required formatting for tabular/monospaced numbers. |
| Dithering | .bg--gray-30 |
Grayscale background classes for e-ink shading. |
| Metrics | .item |
A container for value/label pairs. |
All generated files are transient HTML documents optimized for the 800x480 resolution constraints.
TRMNL Content Generator Advanced Features
- Smart payload validation to prevent failed updates due to 2KB/5KB size limits.
- Dynamic text resizing using the
data-fit-valueattribute for primary metrics. - Multi-plugin support for addressing different screens (e.g., --plugin office vs --plugin kitchen).
- Integrated overflow management via the
data-overflowengine to handle long content lists. - Detailed history auditing using
trmnl historyto track failed delivery attempts and rate limits.
SKILL.md
Loading
Related Openclaw Skills
Cal.com API v2 Integration
A powerful integration for AI agents to automate scheduling, manage bookings, and synchronize calendars via the Cal.com API v2.
Local Life
A comprehensive local intelligence dashboard providing real-time weather, financial data, and holiday information for any city.
Water Reminder Skill
A personalized hydration assistant that calculates daily water needs and provides smart, climate-aware reminders every two hours.
Self-Improving Agent Skill
A powerful framework for AI agents to log learnings, errors, and user corrections for continuous performance enhancement.
Glucksrad Decision Wheel
An interactive 3D decision-making skill that generates custom spinning wheels for random selection.
Telegram Multilingual Voice Reply
A smart Telegram workflow for OpenClaw that provides intelligent text and voice responses using local MLX-based transcription and synthesis.
METADATA
Featured*
