drawbot-designer

Convert natural-language design requests into DrawBot code for posters and layouts.

4|Updated Sep 8, 2023
One-click install
npx skills add https://github.com/amadad/drawbot-redux --skill drawbot-designer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: drawbot-designer
Source: https://github.com/amadad/drawbot-redux/tree/main/.claude/skills/drawbot-designer
Command: npx skills add https://github.com/amadad/drawbot-redux --skill drawbot-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires drawbot-skia, and includes scripts (resource) components.

What problem does it solve?

Designing professional-quality graphics and layouts often requires deep expertise in typography, grid systems, and visual hierarchy. This Skill automates the application of these complex design principles, eliminating manual calculations and ensuring consistent, high-quality outputs without the need for a human design expert.

Core Features & Use Cases

  • Automated Design Principles: Automatically enforces established typography rules (Hochuli, Bringhurst) and grid systems (Müller-Brockmann) for visually balanced designs.
  • Grid-Based Layouts: Easily position elements using semantic grid coordinates, preventing overlaps and ensuring precise alignment.
  • Smart Text Handling: Features point-based text wrapping and real font metrics to prevent text overflow and maintain readability.
  • Use Case: Generate a series of marketing posters for an event. Simply provide the text and images, and the Skill will produce print-ready PDFs that adhere to professional design standards, saving hours of manual layout work.

Quick Start

  1. Copy the minimal_poster.py template from the Skill's templates/ directory to your working folder.
  2. Update the title, subtitle, and body_text variables in the copied file with your content.
  3. Run the script from your terminal: uv run python your_poster_file.py
  4. A professionally designed PDF will be saved in the output/ directory.

Frequently Asked Questions about drawbot-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert design requests into DrawBot code for posters and layouts?

DrawBot Designer converts natural-language design requests directly into DrawBot code that generates posters, layouts, and graphics. Provide your text and design brief; the Skill applies typography principles (Hochuli, Bringhurst), grid systems, and responsive text wrapping to produce print-ready outputs without manual calculations.

What typography and grid principles does DrawBot Designer enforce?

The Skill automatically enforces established typography rules from Hochuli and Bringhurst, plus Müller-Brockmann grid systems. It handles point-based text wrapping, real font metrics, semantic grid coordinates, and visual hierarchy to prevent overlaps and ensure balanced, professional designs.

Can I use DrawBot Designer to generate multiple poster variations quickly?

Yes. Load the minimal_poster.py template, update title, subtitle, and body_text variables, then run the script to generate print-ready PDFs. The Skill produces consistent, professionally designed outputs in batch, eliminating hours of manual layout work.

Do I need design expertise to use DrawBot Designer for magazine and editorial layouts?

No. DrawBot Designer handles design principle enforcement automatically. It solves the problem of applying complex typography and grid knowledge by embedding those rules into code generation, so you provide content and get professionally balanced layouts without expert-level design skills.

What file formats and outputs does DrawBot Designer produce?

DrawBot Designer generates PDF outputs saved to the output directory. It creates portable, print-ready graphics and layouts from your design requests, using DrawBot's rendering engine to ensure consistent, scalable results across posters, cards, and typography-driven projects.

Can DrawBot Designer handle responsive text wrapping and prevent text overflow?

Yes. The Skill uses real font metrics and point-based text wrapping to maintain readability and prevent text overflow. It automatically adjusts text placement within grid constraints while preserving visual hierarchy and design balance.