Works with the AI Agents you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIMuseMuseDotsDots+21 more

    Professional Graphic Design Architect

    1

    Architect production-ready graphic design plans, layout specifications, and visual systems for any creative brief.

    $39.99

    Secure checkout via Stripe

    Money-back guarantee

    Converts to your local currency at checkout

    Security scanned
    Professional Graphic Design Architect

    Professional Graphic Design Architect

    Example session with this skill installed

    Create a layout_spec for a mobile-first landing page for a boutique coffee roaster. Focus on hierarchy and a "Modern Industrial" creative direction.

    • Read your context and instructions
    • Compiled the professional graphic design

    I have developed a layout architecture and visual direction for the boutique coffee roaster landing page. This plan prioritizes mobile legibility and a high-contrast industrial aesthetic.

    Layout Specification: Modern Industrial Roaster

    1. Creative Direction: "Steel & Bean"

    • Concept: Raw, tactile, and precise. Highlighting the intersection of machinery and organic produce.
    • Palette: Charcoal (#2B2B2B), Brushed Steel (#A5A9B4), Burnt Sienna (#A0522D), and Chalk White (#F5F5F5).

    Typography: Headlines in a bold, condensed Sans-Serif (e.g., DIN or Roboto Condensed); Body in a clean Serif (e.g., Playfair Display) for a premium feel.

    2. Layout Architecture (Mobile-First)

    SectionElementSpecifications
    HeroBackgroundLow-key photography of a roasting drum; 80% brightness reduction.
    HeadlineCenter-aligned, "Chalk White", 32pt, all-caps.
    CTA"Burnt Sienna" button, 16px corner radius, high-contrast white text.
    ProductGrid1-column stack; 24px gutters; 16px side margins.
    Image1:1 aspect ratio; subtle "Steel" border (1px).
    StoryTypeLeft-aligned body text; 1.6 line height for readability.
    FooterInfo12pt sans-serif; high-contrast gray on charcoal background.

    3. Asset Checklist

    • Hero Image: Macro shot of coffee beans or roasting equipment.
    • Product Photography: 3x high-resolution bag shots with transparent backgrounds.
    • Brand Mark: Vector logo in Chalk White and Steel versions.
    • Iconography: Minimalist line-art icons (1.5pt stroke) for "Origin" and "Roast Level".

    4. Quality & Accessibility

    • Contrast: All text meets WCAG AA standards against background colors.
    • Touch Targets: Buttons are minimum 44x44px for mobile interaction.
    • Hierarchy: Primary CTA is the only element using the Burnt Sienna accent color.

    Next steps

    1. Review the "Steel & Bean" palette for alignment with existing physical store interiors.
    2. Select high-resolution photography that matches the "Low-key" image treatment.
    3. Apply these specifications to your Figma or web builder workspace.

    Connects securely to your tools. The creator never sees your data.

    About this skill

    Graphic design projects often fail due to vague briefs and poor technical planning. This skill bridges the gap between a creative idea and production-ready execution by providing structured architectural blueprints for visual assets.

    What it does

    • Brief intake translates loose ideas into specific design objectives, audience targets, and technical constraints.
    • Creative direction defines visual metaphors, moods, and specific image treatments to guide the aesthetic.
    • Layout architecture specifies grids, margins, and hierarchy for digital screens or print bleeds.
    • Asset planning generates precise prompts for imagery and lists all logo or icon requirements.
    • Quality assurance audits designs for contrast, legibility, and brand alignment using a prioritized issue scale.

    How it works

    1. Use design_brief to formalize project goals and technical requirements.
    2. Invoke creative_directions or layout_spec to define the visual system and spatial organization.
    3. Run design_audit on existing descriptions or drafts to identify hierarchy or accessibility blockers.
    4. Call production_handoff to generate final export settings and asset checklists for developers or printers.

    Frameworks & tools

    Works with any design environment including Figma, Adobe Creative Cloud, and Canva. It provides platform-specific specifications for social media (Instagram, LinkedIn, X), web banners, and physical print production.

    Why this beats prompting it yourself

    Generic prompts often ignore technical realities like safe areas, bleed, or font hierarchy. This skill enforces a professional workflow that separates creative concepts from production specs, ensuring designs are functional and export-ready.

    Use cases

    • Map out a multi-format social media campaign with consistent reflow rules.
    • Design a technical ad creative focused on high-conversion CTA placement.
    • Create an image generation strategy with detailed prompts and composition rules.
    • Audit a landing page layout for accessibility and visual hierarchy issues.

    Known limitations

    This skill provides structured guidance and specifications. It does not render final image files or generate editable .psd or .fig source files directly.

    Does not render final artwork or create editable source files (PSD/Figma). Requires user-supplied brand assets as it will not invent logos or claims.

    How to use

    1. 1

      Connect your agent to the Agensi MCP

      Copy the prompt and paste it into Claude, ChatGPT, Cursor or any agent that supports MCP. It sets up the connection for you. Manual setup

    2. 2

      Sign in to Agensi

      Your agent shows a sign-in link. Sign in and click Allow.

    3. 3

      Ask for what you need

      Your agent loads this skill and uses it on your task. It always asks before any payment.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill goes through the trust checks below.

    Security scanned

    Checked by our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    Money-back guarantee

    Doesn't do what its page promises? You get your money back.

    Trust & safety

    Security scan

    Security scan passed 13 days ago

    Permissions

    Write Files
    Listed13 days ago

    What's inside

    Frequently Asked Questions

    This skill provides the technical architecture and creative blueprints needed for professional design, including grid systems, typography hierarchy, and production specs, ensuring your concepts are actually buildable and effective.

    While the skill provides the specifications and prompt strategies, it does not output final .png, .fig, or .psd files; instead, it generates the structured instructions you need to execute those designs in tools like Figma, Canva, or Adobe CC.

    Yes, the skill includes specialized logic for various outputs, providing specific 'safe areas' and bleed requirements for print media as well as responsive reflow rules for social platforms like Instagram and LinkedIn.

    The skill is designed to work with any large language model (LLM) that supports tool-calling or structured instructions, and it integrates seamlessly into workflows using Figma or web-based design platforms.

    You receive full access to the design orchestration logic, including the specialized modules for brief intake, layout architecture, and the design audit framework for quality assurance.

    The 'design_audit' feature acts as a technical gatekeeper, reviewing your proposed layouts for specific issues like low contrast, poor legibility, or lack of visual hierarchy before you move to the final production stage.

    New in Branding & Design