本文へ移動
cccskills
無料GitHub で公開

template-render

Render a Template + data + Style into a final artifact in one of HTML, PDF, PNG, SVG or PPTX. Use whenever the user asks for a concrete deliverable like "make me a poster", "render a card", "give me a one-pager".

インストール方法を見る

含まれるファイル(1)

  • SKILL.md1.9 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

template-render

The standard recipe for producing a deliverable from a Template and a Style.

Procedure

  1. Pick a Template:
    • If the user names a category ("a poster", "a card"), list candidates: claw template list --category <cat>.
    • If they describe a use-case, match by tags or name.
  2. Pick a Style:
    • If they reference a brand or saved style, use that.
    • Otherwise default to the workspace's primary Style (often the first non-builtin or claw).
  3. Compose data:
    • Read the template's slots from claw template get <id>.
    • For each slot, write a JSON field with id as the key.
    • Respect maxLength, maxItems, required.
  4. Render:
    claw template render <templateId> --style <styleId> --data data.json --format pdf,png --out ./deliverable
    
  5. Report back: the paths produced and a sentence describing what is in each.

Formats

FormatRendererNotes
htmldirectCanonical, fastest, no deps.
svgwraps html in <foreignObject>Use for scalable vector.
pdfPlaywright (Chromium)Falls back to a minimal Node PDF if Playwright is unavailable.
pngPlaywright (Chromium)2x deviceScaleFactor.
pptxOpenXML (Node only)Minimal one-slide PPTX. Best for presentation category.

Constraints

  • Never hard-code style values into the data. The Style is the source of truth for color and typography.
  • If the template declares outputs and the requested format is not in the list, fail with a clear error.
  • Generated outputs go under .claw/templates/<templateId>/outputs/ unless --out is specified.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Govern Clawix accessibility changes across screen reader behavior, keyboard navigation, focus order, contrast, reduced motion, text scaling, timed interactions, and agent-generated UI.

日本語の概要は準備中です。原文の説明を表示しています。

clawic/Clawix82026年6月6日 更新

Review or update stable, canonical, any-human, PMF, and adoption claims using adoption/canonicity governance packets.

日本語の概要は準備中です。原文の説明を表示しています。

clawic/Clawix82026年6月6日 更新

Turn a new or changed ADR into implemented behavior, routing docs, tests, and guardrails rather than leaving it as standalone prose.

日本語の概要は準備中です。原文の説明を表示しています。

clawic/Clawix82026年6月6日 更新

Repair confirmed architecture drift in small batches while preserving public canon and avoiding broad opportunistic refactors.

日本語の概要は準備中です。原文の説明を表示しています。

clawic/Clawix82026年6月6日 更新

Given an existing Style, generate a human-readable brand guidelines document covering colors, typography, voice, do/don't, imagery rules, and usage examples. Use when the user asks for a brand book, brand guide, or design system document.

日本語の概要は準備中です。原文の説明を表示しています。

clawic/Clawix82026年6月6日 更新

Add or improve canonical data catalog collections, fields, aliases, relations, evidence tags, docs, and tests.

日本語の概要は準備中です。原文の説明を表示しています。

clawic/Clawix82026年6月6日 更新

clawic のスキルをすべて見る

このスキルの問題を報告する