1. Habit
  2. Skills
  3. Template Builder UI skill
sentdm · 3K installs

Template Builder UI skill
Runs by itself, PR changes template builder.

Template editors save valid Sent payloads.

Install the Template Builder UI skill and make it a habit: follow https://gethabit.dev/skills/sentdm/template-builder-ui.md

  1. 1Copy
  2. 2Paste into Claude Code, Codex or Cursor
  3. 3It runs by itself

3K installs48 starsMIT licenceSource on GitHub ↗

Template Builder UI

by sentdm · 3K installs

The skill

The template builder ui skill designs and audits tenant-facing Sent template editors: draft model, variable entities, validation, SMS, WhatsApp and RCS previews, lifecycle states and safe review submission.

Only when you ask.

The habit

Template editors save valid Sent payloads.

↻ Runs by itselfPR changes template builder

How the habit works.
You don't have to.

Three questionsWhen does it start? How does it check its work? What does it remember?

One run, step by step.
Then it stops.

Stop ruleOne pull request per run, one full audit pass.

  1. 01

    Read open gaps

    Load the gaps the last audit found from the log.

  2. 02

    Check product model

    Confirm one draft object built on definition.body.multiChannel with optional complete overrides.

  3. 03

    Check variable UX

    Make sure inserting a variable creates a placeholder and a matching entity that renumber together.

  4. 04

    Check validation rules

    Compare limits and button rules with references/template-validation-matrix.md.

  5. 05

    Run the linter

    Serialize sample drafts and run the waba-template-author linter on them.

  6. 06

    Check save and review

    Confirm sandbox validation, draft save and an explicit review step with previews and warnings.

  7. 07

    Check accessibility

    Confirm field-linked errors, no color-only previews and preserved edits after failures.

  8. 08

    Log the gaps

    Write each gap with the file it lives in.

What it may do.
Nothing more.

Safe by defaultIt writes only in its own folder and asks you before anything goes out.

Is it for you?
Use it when it fits.

Quick checkRead both lists. If the left one sounds like you, the Template Builder UI skill helps.

Use it when

  • ✓ you build a template editor
  • ✓ you audit template validation UX
  • ✓ you map editor state to Sent payloads

Skip it when

  • – you only write one template
  • – you need WABA onboarding

Questions

Template Builder UI skill, answered.

Can the editor store Meta components[] JSON?

It may import it, labelled as Meta Cloud API source, but the saved model must be the Sent definition.

Does RCS support rich cards in the builder?

No. Current Sent RCS guidance covers text and up to four suggestion chips.

Is local validation enough?

No. The skill says server validation remains authoritative.

How do I install the Template Builder UI skill?

Copy the prompt at the top into your agent. It installs the skill from sentdm/sent-plugin and sets up the habit. Or run npx skills add sentdm/sent-plugin --skill template-builder-ui.

Is the Template Builder UI skill free?

Yes. It is published under MIT. Habit is free too.

Template Builder UI. Now as a habit.

Install the Template Builder UI skill and make it a habit: follow https://gethabit.dev/skills/sentdm/template-builder-ui.md

  • Free
  • No account
  • Undo in one line

All sentdm skills →More design skills →

Works in

  • Claude Code
  • Codex
  • Cursor
  • ChatGPT
  • Claude app

Made by sentdm, published under MIT. Habit links to the original and never changes it. Is this your skill?

Copying didn't work here. Select the line and copy it by hand.