design-and-templates

Solid

The reusable on-brand template-SYSTEM skill -- build a brand kit + a small set of reusable templates so a non-designer can produce consistent on-brand graphics fast across formats. Use when someone wants templates, a brand kit, a consistent visual system, or help choosing/using a design tool (Canva/Adobe Express/Figma). For social, consistency + speed beat bespoke. Uses the BRAND framework. Reads brand-profile first. The agent designs the SYSTEM (brand-kit tokens, template set, hierarchy rules, workflow); a design tool or the image tools produce the actual graphics; the finished asset enters the WoopSocial flow (WoopSocial publishes -- it does NOT design or generate). Honest about the ~70-80% on-brand ceiling and AI copyright limits. Distinct from brand-profile (the identity source), thumbnail-design + pinterest-pin-design (single asset types), carousel-writer (copy vs visual frame), and image-prompt + the image tools (generation vs layout).

AI & Automation 76 stars 16 forks Updated 1 weeks ago MIT

Install

View on GitHub

Quality Score: 85/100

Stars 20%
63
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# design-and-templates The reusable on-brand **template-system** skill — a **brand kit** + a small set of reusable templates + the rules + the workflow that let a non-designer ship consistent on-brand graphics fast. The agent **designs the system**; a **design tool** or the **image tools** produce the graphics; the **finished asset enters the WoopSocial flow.** ## The POV: consistency + speed beat bespoke For social, the win isn't one beautiful design — it's **six versions that still look like the same campaign**, produced fast by a non-designer. The lever is a **small reusable template system anchored in a brand kit**, which prevents both **brand drift** and generic **"template energy."** **Brand-kit-first makes the first draft ~80% on-brand instead of ~20%.** The honest ceiling: tools get you **~70–80% on-brand** — a **human eye finishes the hero work.** The agent designs the **system**; a design tool (Canva/Adobe Express/ Figma) or the image tools **produce** the graphics; **WoopSocial publishes the finished asset.** ## Read these first 1. **brand-profile** — the identity source this operationalizes. 2. the **recurring content needs** — what you actually post. ## The framework: BRAND (Depth: `references/the-brand-framework.md`.) - **B — Build the brand kit:** lock the tokens (colors, fonts, logo, spacing) — the consistency anchor (brand-kit-first = ~80% on-brand drafts). - **R — Reusable templates, a small set:** ~5–7 for the recurring formats only (quote card, carou...

Details

Author
social-media-skills
Repository
social-media-skills/skills
Created
1 months ago
Last Updated
1 weeks ago
Language
Shell
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

canva

The Canva craft skill — produce on-brand social graphics, carousels, quote cards, infographics, and thumbnails at scale without a designer, and escape the "Canva look." Use when someone wants to design in Canva, make social graphics, set up a Brand Kit, batch-produce graphics (Bulk Create), resize one design for every platform (Magic Resize), use Canva's AI (Magic Studio), or asks why their posts look like a template. Uses the SCALE framework. Reads brand-profile + design-and-templates + voice-builder first. The agent specs, and creates designs directly where the Canva MCP/Connect APIs are connected; the human approves every visual; the export publishes via WoopSocial. Never strips watermarks, impersonates another brand, or uses unpermitted likeness; AI-disclosure + accessibility floor apply. Distinct from design-and-templates (the brand system this executes), image-prompt + the image tools (dedicated generation), ai-image-editing (the edit router), and capcut/descript (video editing).

76 Updated 1 weeks ago
social-media-skills
AI & Automation Listed

brand-system

A brand system encoded as a skill. Apply any time the request involves producing a branded artefact — documents, decks, one-pagers, proposals, web pages, emails, social tiles, internal memos, anything carrying the brand's name. The brand vocabulary is small (one accent colour, two typefaces, one mark, restraint) and the compositional possibilities are enormous. Read this skill, internalise the DNA, then design freely with full creative ambition per context.

0 Updated 1 months ago
aamirqutub
Web & Frontend Listed

brandkit

Generate a complete, accessible brand design system from a brief — primitive → semantic → component DTCG tokens (color, type, spacing, radius, shadow, motion), light + dark, plus a single theme.css — verified for WCAG. Use when the user wants a from-scratch brand/design foundation, a new palette + type system, or a themeable token kit for a product.

0 Updated 2 days ago
screamyx