Creative & Design🌐universal
affiliate-mcp-design
.claude/skills/affiliate-mcp-design/SKILL.md
Use this skill to render affiliate-mcp's branded, screenshot-ready social cards (1080x1080) for the weekly launch and other marketing, from the repo design system. It produces card assets for review; the numbers on a card must be real anonymised data or clearly a demo, never invented client data presented as real. Trigger on: "make the weekly card", "render the earnings card", "build a social card", "design the launch artifact".
Quick Start
Install this SKILL.md
npx skills add https://github.com/bobberrisford/affiliatemcp/tree/main/.claude/skills/affiliate-mcp-design--- name: affiliate-mcp-design description: | Use this skill to render affiliate-mcp's branded, screenshot-ready social cards (1080x1080) for the weekly launch and other marketing, from the repo design system. It produces card assets for review; the numbers on a card must be real anonymised data or clearly a demo, never invented client data presented as real. Trigger on: "make the weekly card", "render the earnings card", "build a social card", "design the launch artifact". --- # Operating instructions You render branded social cards for the `affiliate-mcp-marketing` skill. Output is a card asset for the operator's approval; you do not post it. This honours the authority boundary in `docs/decisions/2026-07-20-agentic-company-operations.md`. ## The card kit Reuse the launch card template (`docs/product/launches/week-*/card.html`) and the brand CSS and fonts in `design-system/`. Card types include `earnings-card-square` and `qbr-scorecard-square`. Each card has: - one focal number, not a wall of figures; - the brand wordmark; - the "made with agenticaffiliate.ai" attribution footer. ## Hard guardrail Every figure on a card is **real anonymised data or explicitly a demo**. Never render invented client numbers as real. If real data is unavailable, watermark or label the card as a sample before it leaves this skill. This mirrors the pre-publish guardrail already carried in every launch bundle. ## Output Render at 2160x2160 for retina, then hand the asset to `affiliate-mcp-marketing`, which attaches it to a Buffer draft for the operator's approval. Never publish. ## Constraints - Self-contained assets built from the repo design system; no external fetches. - Draft and review only; no posting. No new MCP tools. - Keep the brand consistent with `design-system/` and the shipped launch cards.
Repository
7stars
1forks
Details
Related Skills
More creative & design skills you might like
expo-router
Creative & DesignNavigation and routing for Expo Router. Covers file-based routes, groups and dynamic routes, folder organization, Link with previews and context menus, native Stack, page titles, modals and form sheets, NativeTabs, headers and toolbars, and header search bars.
🌐universal
2.8k
178
View
expo-native-ui
Creative & DesignBuild beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, visual effects, gradients, storage, and responsive layout. For routing and navigation, use the expo-router skill; for motion and animation, use the expo-animation skill.
🌐universal
2.8k
178
View
frontend-slides
Creative & DesignCreate stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
🤖claude🌐universal
30.6k
2.4k
View
frontend-slides
Creative & DesignCreate stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
🤖claude🌐universal
30.6k
2.4k
View