Agent skill

Paw Cra Agent Designer

by pawbytes in pawbytes/skill-suites

Visual production expert for production-ready social posts, carousels, flyers, brand assets, and code-based templates.

MITAuto-check passedMedia & Creative

Install Paw Cra Agent Designer

skills CLI
$ npx skills add pawbytes/skill-suites --skill paw-cra-agent-designer -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install pawbytes/skill-suites paw-cra-agent-designer --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/pawbytes/skill-suites.git skills-src && mkdir -p .claude/skills && cp -r skills-src/src/creative/paw-cra-agent-designer .claude/skills/paw-cra-agent-designer && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
paw-cra-agent-designer
GitHub stars
113
Token cost
~1.8k tokens
SKILL.md length
751 words
Files
19 (incl. references)
Skills in repo
71
Repo updated
First seen
Licence
MIT

At a glance

Visual production expert for production-ready social posts, carousels, flyers, brand assets, and code-based templates.

  • Works in 3 steps: Discovery (MCP): Use fal.ai MCP tools to… → Generation (CLI): Use curl to submit… → Download: Always download generated…
  • User requests create social post
  • SKILL.md covers Overview, Identity, Communication Style and Principles, plus 5 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Paw Cra Agent Designer is an agent skill from pawbytes/skill-suites. Visual production expert for production-ready social posts, carousels, flyers, brand assets, and code-based templates. Trigger when user requests 'create social post', 'design carousel', 'make flyer', 'generate logo', 'resize image', or 'create template'.

Its SKILL.md is about 1.8k tokens, which your agent loads only when the skill is triggered. The skill folder holds 19 other files, including reference files (for example `references/ai-image-prompting.md`, `references/ai-models-guide.md` and `references/asset-resizing.md`).

It sits in Media & Creative, covering Social media posts, Logo and visual identity and Image editing. The repository describes itself as: 50+ AI agent skills for Claude, Codex, OpenClaw etc — agentic marketing automation, AI creative agency, and developer productivity tools. The licence is MIT.

When your agent uses it

  • User requests create social post
  • Design carousel
  • Create template

Example prompts

  • “create social post”
  • “design carousel”
  • “make flyer”
  • “/paw-cra-agent-designer”

Workflow steps

3 steps, taken from the first numbered list in SKILL.md.

  1. Discovery (MCP): Use fal.ai MCP tools to search models, get schemas, and check pricing
  2. Generation (CLI): Use curl to submit jobs and poll for results — faster than MCP for long-running generations
  3. Download: Always download generated images to .pawbytes/creative-suites/ — never just return URLs

What it can do on your machine

Read from SKILL.md and the folder at commit 547a6df. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Paw Cra Agent Designer loads about 1.8k tokens when it runs, and up to ~27k if it reads all its reference files. Until then it costs about 70 tokens; SKILL.md has 751 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~70
When it runs · the whole SKILL.md, loaded when a task matches
~1.8k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~27k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from pawbytes/skill-suites at commit 547a6df, republished under its MIT licence (© pawbytes). 751 words, ~1,782 tokens.

Download SKILL.mdSave it as .claude/skills/paw-cra-agent-designer/SKILL.md (or your agent's skills folder). This skill also uses 18 other files; get the full folder from GitHub.
name
paw-cra-agent-designer
description
Visual production expert for production-ready social posts, carousels, flyers, brand assets, and code-based templates. Trigger when user requests 'create social post', 'design carousel', 'make flyer', 'generate logo', 'resize image', or 'create template'.

Designer

Overview

The Designer is a visual production specialist who transforms approved concepts into polished, brand-consistent assets. I create production-ready visuals—social posts, carousels, flyers, brand assets, and reusable code-based templates—correctly sized for each platform and aligned with brand guidelines.

Args: Accepts --headless / -H for non-interactive execution.

Output: Production-ready visual assets (PNG/JPG/PDF/SVG) at exact platform specifications, plus reusable HTML/CSS templates for hybrid AI + code workflows.

Identity

I am a detail-oriented visual production expert who speaks in terms of layouts, compositions, visual hierarchy, and aesthetic precision.

Communication Style

I communicate with clarity and precision about visual decisions. I reference specific design principles (hierarchy, contrast, composition) when explaining choices. I'm direct about technical requirements and confident about aesthetic judgments.

Example: "I'll create the Instagram carousel in a 4:5 ratio (1080×1350px) to maximize screen presence. Using your brand's primary blue (#2C5F2D) as the dominant color with amber accents for CTAs. Three slides with clear swipe progression."

Principles

  • Brand Consistency First — Every output is verified against brand guidelines before delivery
  • Platform Precision — Exact dimensions, correct aspect ratios, proper safe zones—no approximations
  • Visual Hierarchy — Every design has clear priority: what's seen first, second, third
  • Production Quality — Outputs are ready for immediate upload, not drafts
  • Iterative Refinement — AI generation benefits from specific, designer-oriented prompting
  • Hybrid Workflow — Combine AI-generated backgrounds with code-based text overlays for maximum control and reusability

On Activation

Load available config from {project-root}/.pawbytes/config/config.yaml and {project-root}/.pawbytes/config/config.user.yaml (root level and cra section). If config is missing, let the user know paw-cra-setup can configure the module at any time. Resolve and apply throughout the session (defaults in parens):

  • {user_name} (null) — address the user by name
  • {communication_language} (English) — use for all communications
  • {document_output_language} (English) — use for generated document content
  • {fal_key} (null) — fal.ai API key for image generation
  • {output_directory} (.pawbytes/creative-suites) — base output path

Load shared agency memory from {project-root}/.pawbytes/creative-suites/index.md to understand active brands and campaigns. Load brand guidelines from .pawbytes/creative-suites/brands/{active-brand}/guidelines.md if an active brand is set.

Knowledge Base: Check {project-root}/.pawbytes/creative-suites/knowledge/index.md for previously researched platform specs, technical guides, and design trends. Use this knowledge before researching new topics.

Tool Verification:

  • Check for fal_key availability (required for AI image generation)
  • Check for ffmpeg availability (required for animated carousels)
  • Check for Puppeteer/Playwright availability (required for template rendering)
  • Check for loopwind CLI (optional, for template-based generation)

If --headless or -H is passed, load ./references/autonomous-wake.md and complete the task without interaction.

Otherwise, greet the user. If brand context is available, reference it. If tools are missing, inform the user of limited capabilities. Offer to show available design capabilities.

Tool Dependencies

ToolPurposeRequired
fal.ai MCPModel discovery, schema lookup, pricingYes
fal.ai CLI (curl)Image generation (faster than MCP)Yes
ffmpegAnimated carousels, video conversionOptional
Puppeteer/PlaywrightHTML template rendering to imageOptional
Show full SKILL.md (303 more words)Show less
AI Image Generation Workflow

Hybrid MCP + CLI approach for optimal speed:

  1. Discovery (MCP): Use fal.ai MCP tools to search models, get schemas, and check pricing
  2. Generation (CLI): Use curl to submit jobs and poll for results — faster than MCP for long-running generations
  3. Download: Always download generated images to .pawbytes/creative-suites/ — never just return URLs

Why CLI for generation? fal.ai image generation can take 10-30+ seconds. CLI with background polling is more reliable than MCP for long-running operations.

AI Models (2026)

See ./references/ai-models-guide.md for full model selection guide and CLI commands.

ModelBest ForText Quality
Nano Banana ProMarketing posts, typography-heavy designs⭐⭐⭐⭐⭐
FLUX.2 [pro]Premium quality, detailed imagery⭐⭐⭐⭐
FLUX.2 [flex]Balanced quality/speed, typography⭐⭐⭐⭐⭐
FLUX.1 [schnell]Rapid prototyping, bulk generation⭐⭐⭐
FLUX Kontext [pro]Image editing, style transfer, in-painting⭐⭐⭐⭐
Recraft V4 ProVector logos, icons, brand assets⭐⭐⭐⭐
Ideogram V3Logos, wordmarks, text-heavy graphics⭐⭐⭐⭐⭐

Template System

See ./references/template-system.md for architecture. Code examples in ./references/template-examples.md load only when implementing new templates.

Templates combine AI-generated backgrounds with HTML/CSS overlays for reusable, customizable designs. Supports:

  • Social post templates (hero, quote, announcement, stat)
  • Carousel templates (listicle, tutorial, story, myth-fact)
  • Flyer templates (event, promo, informational)
  • Brand asset templates (logo lockups, avatars, banners)

Capabilities

CapabilityRoute
Social Post DesignLoad ./references/social-post-design.md
Carousel DesignLoad ./references/carousel-design.md
Flyer DesignLoad ./references/flyer-design.md
Brand Asset GenerationLoad ./references/brand-asset-generation.md
Asset ResizingLoad ./references/asset-resizing.md
Template CreationLoad ./references/template-system.md
Research & LearnLoad ./references/research-capability.md
Save MemoryLoad ./references/save-memory.md

Best Practices & Common Mistakes

CRITICAL: Before any design output, review ./references/best-practices-common-mistakes.md.

This reference contains:

  • Rendering HTML templates without white gaps
  • Platform safe zones for all major platforms
  • Typography rules for mobile readability
  • Carousel design rules
  • 10 common mistakes to avoid
  • Quality checklist before export

The most common mistake: Using fullPage: true or page screenshots when rendering HTML templates. This causes white gaps. Always use element-specific screenshots on the design container.

© pawbytes, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 18 other files (references) in src/creative/paw-cra-agent-designer of pawbytes/skill-suites.

  • SKILL.md
  • references/ai-image-prompting.md
  • references/ai-models-guide.md
  • references/asset-resizing.md
  • references/autonomous-wake.md
  • references/best-practices-common-mistakes.md
  • references/brand-asset-generation.md
  • references/capability-standards.md
  • references/carousel-design.md
  • references/design-methodology.md
  • references/flyer-design.md
  • references/init.md
  • references/memory-system.md
  • references/platform-specifications.md
  • references/research-capability.md
  • references/save-memory.md
  • references/social-post-design.md
  • references/template-examples.md
  • references/template-system.md

Open the folder on GitHubat commit 547a6df

Compare with similar skills

Paw Cra Agent Designer next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Paw Cra Agent Designer compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Paw Cra Agent Designer this skillpawbytes/skill-suites113—~1.8kAutomated safety check: PassMIT
Opentraces MarketingJayFarei/opentraces100—~2.3kAutomated safety check: PassCustom licence
Gemini Image Generatordair-ai/dair-academy-plugins6142 repos~3.5kAutomated safety check: NotesMIT
Logo CreatorReScienceLab/opc-skills1.8k—~1.5kAutomated safety check: PassApache-2.0
Web Visualsglifxyz/glif-mcp-server212—~1.5kAutomated safety check: PassMIT
Image Processingjezweb/claude-skills1.1k—~1.8kAutomated safety check: PassMIT

Similar skills

  • Opentraces Marketing

    JayFarei/opentraces

    Generate branded marketing screenshots of opentraces CLI commands — wordmark + CLI card + caption + wallpaper, filename-stamped and auto-copied to the clipboard.

    100 GitHub stars~2.3k tokensUpdated 3 days ago
    Media & CreativeAuto-check passed
  • Gemini Image Generator

    dair-ai/dair-academy-plugins

    Generates and edits images with Google's Gemini Nano Banana Pro model through the Gemini API, including photo edits and multi-image composition.

    614 GitHub starsUsed in 2 repos~3.5k tokens
    Media & CreativeAuto-check: notes
  • Logo Creator

    ReScienceLab/opc-skills

    Create logos using AI image generation. An agent skill from ReScienceLab/opc-skills.

    1.8k GitHub stars~1.5k tokensUpdated yesterday
    Media & CreativeAuto-check passed
  • Web Visuals

    glifxyz/glif-mcp-server

    Make images, textures, illustrations and background video for a website or app you are building, with Glif, and wire them into the code.

    212 GitHub stars~1.5k tokensUpdated yesterday
    Media & CreativeAuto-check passed
  • Image Processing

    jezweb/claude-skills

    Process images for web development — resize, crop, trim whitespace, convert formats (PNG/WebP/JPG), optimise file size, generate thumbnails, create OG card images.

    1.1k GitHub stars~1.8k tokensUpdated 4 days ago
    Media & CreativeAuto-check passed
  • Scenario Ideogram

    scenario-labs/skills

    A skill your agent uses when generating or editing images with Ideogram models on Scenario via MCP: posters, logos, menus, packaging, or signage with exact in-image text, editing an image in place…

    931 GitHub stars~2.7k tokensUpdated yesterday
    Media & CreativeAuto-check passed

More from pawbytes/skill-suites

All 71 skills in this repo
  • Prodig Suites Setup

    pawbytes/skill-suites

    Installs the Prodig Suites product-creation module into a project, scaffolding its workspace folders and writing the shared and personal config files.

    113 GitHub stars~4.3k tokensUpdated 6 days ago
    Auto-check passed
  • Video Clip Repurposing

    pawbytes/skill-suites

    Cuts long-form video into short platform-ready clips: finds strong moments, reframes for vertical, adds subtitles and brand overlays, and writes a clip manifest.

    113 GitHub stars~1.2k tokensUpdated 6 days ago
    Auto-check passed
  • Paw Pa Generation

    pawbytes/skill-suites

    Assembles branded, export-ready proposals from brief, research, and pricing artifacts — type-adaptive for pitch, RFP, or scoping.

    113 GitHub stars~2.3k tokensUpdated 6 days ago
    Auto-check passed
  • Proposal Brief Intake

    pawbytes/skill-suites

    Turns pasted text, audio, video or URLs from a client into a structured, completeness-checked brief.md for the first stage of a proposal pipeline.

    113 GitHub stars~2.7k tokensUpdated 6 days ago
    Auto-check passed
  • Proposal Library Indexer

    pawbytes/skill-suites

    Turns case studies, past proposals and boilerplate dropped into a library inbox into structured, source-linked indexes for later proposal work.

    113 GitHub stars~1.9k tokensUpdated 6 days ago
    Auto-check passed
  • Turns a structured sales brief into an evidence-backed HTML research dossier, matching indexed case studies locally and gathering client, tech-stack and pricing evidence from the web.

    113 GitHub stars~2.2k tokensUpdated 6 days ago
    Auto-check passed

Questions about Paw Cra Agent Designer

What does Paw Cra Agent Designer do?

Visual production expert for production-ready social posts, carousels, flyers, brand assets, and code-based templates. Paw Cra Agent Designer is an agent skill from pawbytes/skill-suites. Visual production expert for production-ready social posts, carousels, flyers, brand assets, and code-based templates.

When should I use Paw Cra Agent Designer?

Paw Cra Agent Designer fits situations like: user requests create social post; design carousel; create template.

How do I install Paw Cra Agent Designer in Claude Code?

Run `npx skills add pawbytes/skill-suites --skill paw-cra-agent-designer -a claude-code`. Or copy the skill folder (src/creative/paw-cra-agent-designer in pawbytes/skill-suites) into .claude/skills/paw-cra-agent-designer in your project. Claude Code loads it when a task matches its description.

How do I install Paw Cra Agent Designer in Codex?

Run `npx skills add pawbytes/skill-suites --skill paw-cra-agent-designer -a codex`. Or copy the skill folder (src/creative/paw-cra-agent-designer in pawbytes/skill-suites) into .agents/skills/paw-cra-agent-designer in your project. Codex loads it when a task matches its description.

Can I use Paw Cra Agent Designer in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add pawbytes/skill-suites --skill paw-cra-agent-designer -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/paw-cra-agent-designer, .gemini/skills/paw-cra-agent-designer, .github/skills/paw-cra-agent-designer and .opencode/skills/paw-cra-agent-designer in your project.

What does Paw Cra Agent Designer need to run?

SKILL.md names no scripts, command-line tools or credentials: Paw Cra Agent Designer is instructions for the agent only.

Does Paw Cra Agent Designer access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Paw Cra Agent Designer safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Paw Cra Agent Designer use?

Paw Cra Agent Designer is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Paw Cra Agent Designer use?

About 1.8k tokens (SKILL.md is roughly 7.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 25k tokens, read only when the agent opens those files.

What are the alternatives to Paw Cra Agent Designer?

Skills that share tags, products or a category with Paw Cra Agent Designer: Opentraces Marketing (JayFarei/opentraces, 100 stars), Gemini Image Generator (dair-ai/dair-academy-plugins, 614 stars), Logo Creator (ReScienceLab/opc-skills, 1.8k stars) and Web Visuals (glifxyz/glif-mcp-server, 212 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Paw Cra Agent Designer?

pawbytes (a GitHub organization) maintains it in pawbytes/skill-suites, which has 113 GitHub stars. The repository holds 71 skills in this directory. The repository was last updated on October 3, 2026.

Source: pawbytes/skill-suites on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.