design-linkedin-postlisted

# Skill: linkedin-post Produces a pixel-exact 1200×627 HTML canvas suitable for screenshotting and uploading to LinkedIn as a post image, plus a markdown block with the recommended companion text. Reads from a brand's `DESIGN.md` system — never hardcodes brand values. ## When to use - User wants a visual asset for a LinkedIn post (announcement, milestone, opinion piece, takeaway from a project) - A `DESIGN.md` exists for the brand. If it doesn't, stop and tell the user to run `/design-plan` → `/design-system` first. ## Inputs - **Required:** brand slug, post topic / headline (1 line) - **Optional:** key claim or supporting line, CTA text, attribution (author name + role), variation hints ## Output `./design/<brand-slug>/artifacts/linkedin-YYYY-MM-DD-<topic-slug>.html` ## Steps ### 1. Verify brand exists ```bash test -f ./design/<brand-slug>/tokens.css ``` If missing, stop and instruct the user to build the design system first. ### 2. Gather the brief Ask in one message: ``` 1. Headline — the single sentence on the image (max 8 words for legibility at feed scale) 2. Optional supporting line (max 14 words) 3. Optional CTA text (e.g. "Read more →") — leave blank to omit 4. Attribution — your name + role, or leave blank for a clean unsigned look 5. Companion text style: insight | story | announcement | question ``` ### 3. Pick variation — ARCHITECTURE FIRST Before anything else, pick ONE architecture archetype. This is the structural skeleton; everything else is d