← ClaudeAtlas

graphic-testimonialslisted

Create branded testimonial card images from quotes and photos — via the user's Canva template (duplicate, edit text with Canva MCP transactions, export PNG) or the bundled standalone HTML template rendered with headless Chrome. Then recolor to the brand color, composite circular client photos, and wire cards into a web page. Use when the user asks to make, design, or update testimonial cards/graphics/images, or to add social-proof sections to a page. Input is harvested material (quote + name + role + face per client), e.g. from harvest-testimonials.
MyAiFreedomSystems/graphic-testimonials · ★ 0 · AI & Automation · score 70
Install: claude install-skill MyAiFreedomSystems/graphic-testimonials
# Graphic Testimonials Makes the images. Takes quote + name + role (+ optional face) per client and produces branded square cards wired into a site. Fully standalone — all brand inputs come from a config, not from this skill. ## Inputs (collect before starting) Check the project for a `brand.json` (schema: [references/brand-config.md](references/brand-config.md)). If none, ask the user for: 1. **Template**: a Canva design ID of a single-card template they own, OR use `assets/card-template.html` (no Canva needed). 2. **Brand color** for the card background (hex), plus text/accent/ring colors. 3. **Site target**: HTML file, grid CSS class, image naming, git repo if any. 4. **Copy rules**: banned words, tone, section heading. ## Card source A — Canva (preferred when the user has a template) 1. `copy-design` (use `page_numbers` for one card). NEVER edit the user's original. 2. `start-editing-transaction` → `perform-editing-operations` → `commit-editing-transaction`: - Read element IDs from the transaction response; never guess. Store stable suffixes in `brand.json`. - Fixed pages: `replace_text`. Responsive pages: `find_and_replace_text` ONLY. - Before deleting/replacing any photo, call `get-assets` on every fill asset ID and view thumbnails — stacked shapes can hide stock photos behind client photos. - `update_title` to `Testimonial — <Name>`; rename unusable cards `DO NOT USE — <reason>` instead of deleting. 3. `export-design` png `pro`; download the signed UR