SuperAPI AI 工具集

trmnl-paper-blade

前端与建站

查看项目

更新于 10-15 23:43

技能介绍

用途:为 Laravel + trmnl-blade 生成可直接渲染的 Blade 组件标记,面向 TRMNL 电子墨水设备的屏幕搭建、改写与重设计,覆盖仪表盘、KPI、列表、表格、引言、富文本等场景。

主要能力:优先复用 x-trmnl:: 组件与 Framework v3 布局语义,避免自由拼接 CSS/HTML。已封装的 Blade 组件包括 screen、mashup、view、layout、title-bar、columns、flex、grid、richtext、content、text、item、table、label、title、value、description、divider、meta、progress、track、clamp、background、aspect。chart(Highcharts/Chartkick JS)、image、progress-dots 未封装,使用原生 class。

使用方式:先确认目标(新建屏幕、改写现有 HTML/草图、仅骨架或完整屏幕)并收集最小输入;再选组件路径,优先高阶组件(Rich Text/Item/Table/Chart/Progress);最后按需查阅 references/ 下文档。默认骨架为 x-trmnl::screen 内嵌 x-trmnl::view,其下为 x-trmnl::layout 与可选 x-trmnl::title-bar。可运行校验脚本:python3 skills/trmnl-paper-blade/scripts/validate_markup.py <markup-file>。需要推送时,将标记保存到文件后由 trmnl-paper-screen 以 --markup-file <path> 读取,或通过管道 echo '<markup>' | python3 skills/trmnl-paper-screen/scripts/push_screen.py --markup-stdin。

适用场景:电子墨水设备上的信息展示屏幕设计,如看板、KPI 大盘、条目列表、数据表格、进度展示等。

限制:默认只生成 markup,API 推送交由 trmnl-paper-screen;避免硬编码像素值,可能溢出的 title/label/description 需显式加 data-clamp;用户未要求时不臆造未验证的 props;props 不确定时使用默认 slot。收费、价格等未在资料中提供。