- Home
- Skills
- Frontend & Web Apps
- Agency Creative Studio
More screenshots
Works with the AI tools you already use
Agency Creative Studio
Premium senior creative director skill for agencies — delivers agency-grade design systems, UI/UX, brand identity, social creatives, and video direction with anti-AI-slop craft.
$49
Agency Creative Studio
Example session with this skill installed
We need a complete visual system and first social creatives for a new fintech app called "Ledgerly".
Audience: young professionals 25-35 who hate traditional banking.
Tone: confident, clean, slightly rebellious, premium but approachable.
Primary color preference: deep teal + warm off-white.
Need
- Mini design system (colors, type, spacing, key components)
- Logo direction + usage rules
- 3 Instagram feed posts + 1 Reel concept (storyboard + motion notes)
- Client-ready handoff package
- Read your context and instructions
- Compiled the agency creative studio
- Generated the UI component
Summary
Created a complete proposed design system, logo direction, and first social campaign for Ledgerly. All assets follow agency standards: system-first, accessible, anti-AI-slop, and packaged for client presentation.
1. Creative Direction
Territory: “Banking that doesn’t talk down to you.”
Key message: Smart money tools that feel modern and human.
Visual principles:
- Deep teal as the only strong color (restraint)
- Generous whitespace and clear hierarchy
- Slightly imperfect geometric logo mark for personality
- Motion that settles quickly — confident, not restless
2. Design System (Proposed)
Color Tokens
| Token | Hex | Usage |
|---|---|---|
| Primary / Teal | #0F766E | Buttons, key accents, logo |
| Primary Dark | #0D5C56 | Hover / pressed states |
| Off-white | #F8F5F0 | Backgrounds |
| Warm Gray | #6B6560 | Secondary text |
| Near Black | #1A1917 | Primary text |
| Success | #15803D | Positive states |
Typography
- Display: Satoshi Bold
- Headings: Satoshi Medium
- Body: Inter Regular / Medium
- Scale: 12 / 14 / 16 / 20 / 24 / 32 / 40
Spacing Scale: 4, 8, 12, 16, 24, 32, 48, 64
Radius: 8px (buttons), 12px (cards), 999px (pills)
Core Components
- Button/Primary, Button/Ghost, Button/Destructive
- Card/Elevated, Input/Default, Tag/Teal
3. Logo Direction
Primary mark: geometric “L” formed by two overlapping rounded rectangles with a slight 3° rotation for energy.
Clear space = height of the mark.
Mono black + mono white versions required.
Never stretch, recolor outside the system, or place on low-contrast backgrounds.
4. Social Creatives
Instagram Feed Posts (1080×1080)
- “Your money. Your rules.” — bold statement + minimal UI mockup
- Feature highlight: Instant insights card
- Social proof style: “Join 12k+ who left the old banks”
Reel Concept (9:16, 12 seconds)
| Time | Visual | Motion / Audio |
|---|---|---|
| 0–2s | Black screen → teal bar wipes in | Soft whoosh + confident beat |
| 2–5s | App UI slides up, numbers animate | Clean data motion, no bounce |
| 5–9s | Statement text + subtle parallax | Music peak |
| 9–12s | Logo lockup + “Download Ledgerly” | Settle + end card |
Export: 1080×1920, 30fps, H.264, captions included.
5. Client Handoff Package
- Naming convention applied
- Color tokens + type scale documented
- Logo usage rules + clear space
- Platform specs confirmed
- Full checklist completed
Next steps
- Review the proposed system and approve or request adjustments
- Provide final logo file if you already have one, or we refine the direction
- Confirm which 3 posts to produce as high-res finals first
agency-creative-studio.tsx
TSX · React component
Example file from a real run - the skill writes it into your workspace.
Connects securely to your tools. The creator never sees your data.
What you get
About this skill
Agency Creative Studio turns any compatible agent into a Senior Creative Director that produces work agencies can actually bill for. Most AI creative tools give you generic, “AI-looking” outputs. This skill forces the opposite: system-first thinking, brand consistency, accessibility, intentional craft, and professional client packaging. What it delivers
Brand identity & logo systems (clear space, mono versions, usage rules) Full design systems (color tokens, type scale, spacing, components, motion) UI/UX screens and flows ready for Figma handoff Social creatives with current 2026 platform specs and safe zones Video storyboards, motion direction, pacing, and export presets Client presentation packages with rationale, do’s & don’ts, and handoff checklists
Problems it solves
Inconsistent or low-quality creative from general-purpose agents “AI slop” aesthetics that clients reject Missing accessibility, export specs, or professional packaging Agencies needing reliable, billable creative direction at scale
Why agencies buy it
Enforces real agency standards instead of freelancing-level work Works as internal IP or white-label client deliverable Pairs cleanly with brand-kit / Figma / asset MCPs Versioned, documented, and ready for commercial use
Ideal for digital agencies, creative studios, and freelancers who want consistent, high-end visual output from their AI agents.
How to install
Works the same in every agent - Claude, Cursor, Codex, Copilot and 20+ more.
- 1
Download the ZIP
Free skills download straight away. Paid skills unlock right after purchase.
- 2
Unzip into your skills folder
Every agent reads skills from one folder on your machine. Drop the unzipped folder in there.
- 3
Ask your agent to use it
Restart the agent if it was already running. It picks the skill up automatically - no config needed.
Skills folder by agent
Click the path to copy it. Create the folder if it does not exist yet.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill passes our trust checks below.
Security scanned
Passed our 8-point scan before listing
Fresh listing
Recently published to Agensi
30-day refund
Not a fit? Get your money back
Trust & safety
Security scanned
Verified clean 25 days ago
- Passed all security checks, Safe to install