art

Create editorial diagrams and visual content with a hand-drawn aesthetic.

1|Updated Dec 18, 2025
One-click install
npx skills add https://github.com/matt-fell-ai/PAI --skill art-matt-fell-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: art
Source: https://github.com/matt-fell-ai/PAI/tree/main/skills/Art
Command: npx skills add https://github.com/matt-fell-ai/PAI --skill art-matt-fell-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes workflows (resource) components.

What problem does it solve?

Stop struggling to create professional visuals and technical diagrams. This Skill generates annotated screenshots, comics, workflow maps, and visual explanations instantly.

Core Features & Use Cases

  • Dynamic Visual Content: Create technical diagrams, workflow maps, annotated screenshots, and creative assets for any project need.

Core Features & Use Cases

  • Visual Storytelling: Generate comics, timelines, and visual narratives to communicate complex ideas effectively.

Core Features & Use Cases

  • Annotated Screenshots: Add labels, annotations, and explanations to any image or screenshot.
  • Use Case: Imagine you need to explain a complex technical architecture. Use this Skill to automatically create a comprehensive mermaid diagram that visualizes the entire system architecture with component relationships and data flows.

Quick Start

Use the art skill to create a visual timeline of your project milestones and key decision points.

Core Features & Use Cases

  • Technical Diagrams: Generate professional architecture diagrams, flowcharts, and system maps with detailed annotations and explanatory text.

Frequently Asked Questions about art

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

FAQPage Schema
How do I create technical diagrams and workflow maps quickly?

Technical diagrams and workflow maps are visual representations of system architecture and processes. This Skill generates professional diagrams with hand-drawn aesthetics, component relationships, and annotated data flows for documentation, marketing, and product design—eliminating manual drawing time.

Can I create annotated screenshots and visual explanations automatically?

Yes. Annotated screenshots add labels, annotations, and explanatory text to images. This Skill automates annotation generation for complex concepts, creating visual explanations that communicate technical architecture, workflows, and narratives across documentation and education contexts.

What types of diagrams can I generate with a hand-drawn aesthetic?

Hand-drawn aesthetic diagrams include flowcharts, sequence diagrams, comics, maps, timelines, and stat cards. This Skill uses flat design palettes and modular templates to produce these formats consistently across technical, editorial, and creative content needs.

How do I create visual narratives and timelines for project communication?

Visual narratives and timelines communicate complex ideas through sequential imagery and chronological layouts. This Skill generates comics, timelines, and storyboards that illustrate milestones, decision points, and processes—making technical and project information accessible and engaging.

Does this work for both technical and creative content?

Yes. This Skill generates both technical diagrams (architecture, flowcharts, system maps) and creative assets (comics, visual stories, annotated screenshots) with consistent hand-drawn styling, supporting workflows across documentation, marketing, education, and product design.