Agent skill

art

Complete visual content system. Tron-meets-Excalidraw aesthetic - dark backgrounds, neon accents, hand-drawn sketch style.

View SKILL.md on GitHub Repository
Stars 0
Forks 2

Install this agent skill to your Project

npx add-skill https://github.com/qinolabs/qino-claude/tree/main/plugins/qino-art/skills/art

SKILL.md

Art Skill

Complete visual content system using the qino-art Visual Aesthetic.

Core Aesthetic

Tron-meets-Excalidraw - Digital warmth combining:

  • Hand-drawn Excalidraw-style sketch lines (NOT clean vectors)
  • Dark slate backgrounds for modern contrast
  • Neon orange (warmth) + cyan (tech) accents
  • Subtle glows on key elements

Full aesthetic documentation: references/qino-art/aesthetic.md

This is the SINGLE SOURCE OF TRUTH for all visual styling.

Workflow Routing

Content Type Workflow
Blog headers / Editorial workflows/workflow.md
Adaptive orchestrator workflows/visualize.md
Flowcharts / Sequences workflows/mermaid.md
Architecture diagrams workflows/technical-diagrams.md
Classification grids workflows/taxonomies.md
Chronological workflows/timelines.md
2x2 matrices workflows/frameworks.md
X vs Y workflows/comparisons.md
Screenshot markup workflows/annotated-screenshots.md
Step-by-step workflows/recipe-cards.md
Quote cards workflows/aphorisms.md
Idea territories workflows/maps.md
Big numbers workflows/stats.md
Sequential panels workflows/comics.md

Image Generation

Default model: nano-banana-pro (Gemini 3 Pro)

bash
bun run references/qino-art/tools/generate-ulart-image.ts \
  --model nano-banana-pro \
  --prompt "[PROMPT]" \
  --size 2K \
  --aspect-ratio 1:1 \
  --output /path/to/output.png

Alternative Models

Model When to Use
flux Maximum quality
gpt-image-1 Different interpretation

API keys in: .env (project root)

  • REPLICATE_API_TOKEN - Flux and Nano Banana
  • OPENAI_API_KEY - GPT-image-1
  • GOOGLE_API_KEY - Nano Banana Pro
  • REMOVEBG_API_KEY - Background removal

Quick Decision Tree

What does user need?

├─ Unsure which approach? → VISUALIZE (analyzes & orchestrates)
├─ Flowchart/sequence/state diagram? → MERMAID
├─ Abstract metaphor for article? → Editorial (workflow.md)
├─ System/architecture with labels? → Technical Diagram
├─ Categories in grid? → Taxonomy
├─ Change over time? → Timeline
├─ 2x2 matrix or mental model? → Framework
├─ Side-by-side contrast? → Comparison
├─ Markup existing screenshot? → Annotated Screenshot
├─ Step-by-step process? → Recipe Card
├─ Quote as social visual? → Aphorism
├─ Idea territories as map? → Conceptual Map
├─ Single striking number? → Stat Card
└─ Multi-panel story? → Comic

For complete visual styling rules, ALWAYS read: references/qino-art/aesthetic.md

Recommended Agent Skills

Expand your agent's capabilities with these related and highly-rated skills.

qinolabs/qino-claude

prose

Chronicle writing, research transmission, and prose lens application. Use when: writing chronicle chapters, surveying git history for chapters, transmitting research arcs, applying narrator or wanderer lenses, diagnosing scribe system, rewinding chapters, configuring visual style. Consolidates qino-scribe, qino-lens, and qino-relay.

0 2
Explore
qinolabs/qino-claude

adventure

Multi-perspective design exploration through emergent dialogue. Seven personas explore a challenge; questions emerge from what actually shapes the conversation. ACTIVATE: - "/design-adventure [challenge]", "run a design adventure", "explore this design challenge" - "design adventure about [topic]", "seven perspectives on [challenge]"

0 2
Explore
qinolabs/qino-claude

qino

Ecology for developing ideas through concept exploration, research, and implementation. ACTIVATE for dev work: - "what's next for [app]", "continue [app]", "work on [app]" - "build [feature]", "implement [feature]", "plan the iteration" - "read the implementation notes", "what's the iteration status" - "what should I build next", "next steps for [project]" ACTIVATE for bug tracking: - "file a bug", "log this bug", "create a bug ticket", "bug in [app]" - "/qino bug" ACTIVATE for concept work: - "explore [concept]", "go deeper into [idea]", "where am I", "what's here" - "capture this thought", "hold this", "note this" - "test through ecology", "compare these", "attune [quality]" ACTIVATE for navigation: - "use the active navigator", "activate navigator", "navigate [territory]" - "map this concept", "show me the terrain", "map the terrain for [territory]" - "update the navigator", "log this session" ACTIVATE for research: - "start research on [topic]", "investigate [question]", "begin inquiry" ACTIVATE for lab mode (UI-mediated communication): - "use the lab", "lab mode", "work through qino-lab" ACTIVATE when in qino workspace (has .claude/qino-config.json). NOT implicit: arc capture requires explicit invocation ("/qino arc" or "capture an arc").

0 2
Explore
mattpocock/skills

obsidian-vault

Search, create, and manage notes in the Obsidian vault with wikilinks and index notes. Use when user wants to find, create, or organize notes in Obsidian.

111,310 9,758
Explore
mattpocock/skills

edit-article

Edit and improve articles by restructuring sections, improving clarity, and tightening prose. Use when user wants to edit, revise, or improve an article draft.

111,310 9,758
Explore
mattpocock/skills

handoff

Compact the current conversation into a handoff document for another agent to pick up.

111,310 9,758
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results