Creative Direction
Jony
AI Creative Director for visual systems and design execution
An OpenClaw Agent Skill
Jony gives destination teams concrete visual direction with specs, templates, and reusable patterns instead of vague design language.
What It Does
- • Uses base-brand rules first, including burnt orange (#E86A33), true black (#000000), and warm cream (#FDF6F0).
- • Produces implementation-ready UI/UX specs (hex, spacing, typography, component behavior).
- • Generates dashboard mockups using included presets (agent-monitoring and task-queue).
- • Generates brand boards with color palettes, typography systems, and spacing scales.
- • Supports design critique and iteration with function-first rationale.
How It Works
- • Download the Jony skill bundle after purchase (includes base-brand system).
- • Extract to your OpenClaw skills directory (typically ~/.openclaw/workspace/skills/).
- • Ask your OpenClaw agent to use Jony for design work — UI mockups, brand systems, or visual direction.
- • Jony creates implementation-ready specs with exact colors, spacing, typography, and component patterns.
- • Includes Python scripts for generating dashboard mockups and brand boards automatically.
Setup Overview
- • New to OpenClaw? Install OpenClaw first: npm install -g openclaw (see openclaw.ai for full setup)
- • After purchase, download jony-bundle.md and extract both jony/ and base-brand/ to ~/.openclaw/workspace/skills/
- • Install Python dependencies: pip install pillow markdown (for generator scripts)
- • Start OpenClaw and ask: "Use Jony to design [landing page/dashboard/brand system]"
- • Jony will create visual specs and optionally run generator scripts for automated outputs.
Key Files Included
jony/SKILL.md
Design process, visual philosophy, and workflow templates.
jony/scripts/generate-dashboard.py
Automated dashboard generation for agent monitoring.
jony/scripts/generate-brand-board.py
Brand identity system generator.
base-brand/SKILL.md
Core visual system (colors, typography, spacing rules).
base-brand/references/style-guide.md
Complete component library and design patterns.
Real Use Cases
Challenge
Your DMO needs a campaign microsite direction but design feedback is scattered.
Tool Application
Jony defines component patterns and visual hierarchy using base-brand standards.
Outcome
Your team gets a unified direction that developers can implement directly.
Challenge
You need an internal dashboard concept for campaign reporting.
Tool Application
Jony generates a dashboard preset and adapts the data structure.
Outcome
You can review a realistic interface quickly and iterate with stakeholders.
Challenge
Brand materials vary across vendors.
Tool Application
Jony delivers a brand board and implementation specs with exact values.
Outcome
Creative output stays consistent across projects.
What's Included
- • jony/SKILL.md
- • jony/scripts/generate-dashboard.py
- • jony/scripts/generate-brand-board.py
- • base-brand/SKILL.md
- • base-brand/references/style-guide.md
- • base-brand/assets/inspiration-board.jpg
Format & Compatibility
- • Format: Markdown + Python scripts + design templates
- • Runtime: OpenClaw with canvas/read-write tooling
- • Best for: UI direction, design systems, and visual execution
Built on OpenClaw
This is a new service built on OpenClaw, an open-source AI agent framework.
These skills are actively maintained and updated based on user feedback.
Technical users can review OpenClaw documentation at docs.openclaw.ai and source code on GitHub.
Early Access
Join the first DMO marketers using agent-powered workflows.
Get Jony
Price: $39
Purchase starts Stripe checkout. After payment, your skill file is available via a secure 24-hour download link.
Questions after purchase? Contact support via DMO Geek and we will help with setup.