trmnl-plugins
Installation
SKILL.md
TRMNL Private Plugins & Dashboards
Build custom plugins for TRMNL e-ink displays. A TRMNL plugin = a data strategy (how data gets to TRMNL) + Liquid markup (how it renders) using the Design Framework 3.1 CSS.
Device targets (important)
There is no single screen size. Target the framework's responsive tiers; never hardcode pixels.
| Device | Resolution | Density tier | Breakpoint |
|---|---|---|---|
| TRMNL OG | 800×480 | 1bit: (2 shades) |
md: |
| TRMNL OG V2 | 800×480 | 2bit: (4 shades) |
md: |
| TRMNL V2 | 1024×758 | 4bit: (16 shades) |
lg: |
| TRMNL X | 1872×1404, 10.3" | 4bit: (16 shades) |
lg: |
The user has a TRMNL X: high-density, 16-level grayscale. Make the responsive base case work everywhere, then use lg: / 4bit: prefixes to exploit the larger grayscale panel. Use real grayscale (text--gray-50, dithered images), not just black/white.