art_skill

Overview

This skill generates visual content in an Excalidraw hand-drawn aesthetic optimized for dark-mode, tech-forward projects. It produces diagrams, editorial illustrations, and comics with a consistent palette and organic line work. Outputs are saved to ~/Downloads for preview before final placement.

How this skill works

Requests are routed to a targeted workflow (TechnicalDiagrams, Essay, or Comics) based on the user’s intent. The generator uses a defined dark-theme color system and hand-lettered typography rules, and by default runs a configured model to render 2K, 16:9 images. All images land in ~/Downloads so you can review them in Finder/Preview before copying them into project folders.

When to use it

• Technical or architecture diagrams that need an approachable, hand-drawn look
• Blog headers and editorial illustrations with a modern dark aesthetic
• Sequential panels or short comics for product storytelling
• Quick explainer visuals for docs, PRs, or presentations
• Visualizations that should feel informal yet polished

Best practices

• State the intent clearly (diagram, header, comic) to route to the correct workflow
• Include key elements and labels you need — the system preserves hand-lettered labels
• Preview and approve images from ~/Downloads before adding to repos or assets
• Use the palette sparingly: primary accents, secondary flows, and minimal highlight color
• For technical diagrams, provide step order or flow directions to ensure correct connections

Example use cases

• Auth flow diagram for README or design discussion (TechnicalDiagrams workflow)
• Blog header for a post about AI agents with dark, tech-forward vibes (Essay workflow)
• Three-panel comic showing before/after of adopting an AI assistant (Comics workflow)
• Explainer card visuals for onboarding slides or product pages
• Architecture overview for a design review with labeled components and flows