skills-design
Generates ready-to-use design artifacts such as blog hero images, business cards, carousels, Instagram posts and landing pages as pixel-exact HTML files. Also includes export tools for PDF and HTML-to-PNG.
19 skills3
@slogsdonPlugins
1@slogsdonSkills
19design-blog-hero
Generate a blog post hero artifact — TWO pixel-exact HTML canvases in a single file: an Open Graph card (1200×630) for social…
@slogsdondesign-business-card
Generate a printable business card — pixel-exact 1050×600 front canvas + 1050×600 back canvas in a single HTML file. Standard…
@slogsdondesign-carousel-slide
Generate a LinkedIn / Instagram multi-slide carousel — single HTML file with N square 1080×1080 .canvas divs, each representing…
@slogsdondesign-instagram-post
Generate an Instagram post artifact — pixel-exact HTML canvas at 1080×1350 (portrait, default — Instagram's max-real-estate…
@slogsdondesign-landing-page
Generate a deliverable landing-page HTML file (NOT a screenshot artifact). 1440px design width, mobile-responsive (CSS-only, no…
@slogsdondesign-link-in-bio
Generate a minimal single-column standalone HTML page — mobile-first at 375px width — for use as a link-in-bio destination.…
@slogsdondesign-linkedin-post
Generate a LinkedIn post artifact — a 1200×627 image canvas (LinkedIn's recommended share image dimension) plus a companion text…
@slogsdondesign-newsletter-head…
Generate a newsletter email header banner — pixel-exact 600×200 HTML canvas (the standard email-client safe-zone width).…
@slogsdondesign-plan
Generate a DESIGN-PLAN.md for a new brand or branding project — the strategic intent layer (visual direction, voice, audience,…
@slogsdondesign-quote-card
Generate a pull-quote / insight card — TWO pixel-exact HTML canvases in one file: 1080×1080 (square, default) AND 1080×1920…
@slogsdondesign-system
Generate a brand-agnostic DESIGN.md (Google design.md spec format) plus tokens.css and showcase.html for any branding project.…
@slogsdondesign-twitter-card
Generate a Twitter/X card artifact — pixel-exact HTML canvas at 1600×900 (in-feed image) by default, with 1200×630 (Open Graph…
@slogsdonIs this you? Claim your profilePut a plugin at the top of Plugins, from $9