Define a reusable visual design grammar for film titles, posters, key art, lower thirds, thumbnails, social assets, press materials, and programmatic motion graphics using approved references, exact text, safe zones, and accessibility constraints.
Scanned 9/9/2026
Install to Claude Code
npx -y skills add badgids/Story-Film-Skills --skill design-system --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Design System?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/badgids-design-system)More formats (shields.io, HTML) on the badges page.
---
name: design-system
description: Define a reusable visual design grammar for film titles, posters, key art, lower thirds, thumbnails, social assets, press materials, and programmatic motion graphics using approved references, exact text, safe zones, and accessibility constraints.
disable-model-invocation: true
author: Alan Guice (Badgids)
license: Apache-2.0
---
# Design System
1. Read `../../references/DESIGN_SYSTEM.md`, visual bible, approved references, campaign brand, and release requirements.
2. Write `06_release/artwork/design_system.json`.
3. Define palette roles, typography hierarchy, title treatment, grid/spacing, motifs, image treatment, safe zones, watermark rules, motion behavior, contrast, and forbidden shortcuts.
4. Reference project `REF-###` assets rather than copying an external campaign.
5. Keep exact title/release text separate from generative imagery.
6. Run `scripts/design_system.py 06_release/artwork/design_system.json` before producing a coordinated asset family.
7. Route still output to `marketing-art`/`imagemagick` and animated output to `motion-graphics` or `programmatic-video`.
Done when promotional and editorial graphics can be produced as variants of one coherent visual system.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
Postiz is a tool to schedule social media and chat posts to 28+ channels X, LinkedIn, LinkedIn Page, Reddit, Instagram, Facebook Page, Threads, YouTube, Google My Business, TikTok, Pinterest, Dribbble, Discord, Slack, Kick, Twitch, Mastodon, Bluesky, Lemmy, Farcaster, Telegram, Nostr, VK, Medium, Dev.to, Hashnode, WordPress, ListMonk
SERP analysis techniques for intent classification, feature identification, and competitive intelligence. Use when analyzing search results for content strategy.
This skill performs detailed on-page SEO audits to identify issues and optimization opportunities. It analyzes all on-page elements that affect search rankings and provides actionable recommendations.
Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.
Write a release announcement — changelog, blog post, in-app note, or social post — that leads with user impact, names the audience, and includes upgrade/migration steps without filler.