Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Support design understanding from basic visuals to professional production and theory.
Support design understanding from basic visuals to professional production and theory.
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.
Context reveals level: vocabulary, tool familiarity, project complexity When unclear, ask about their role before giving specific guidance Ask about output format (print, digital, video) before discussing specifications
Recommend Canva as default tool โ point to relevant templates; only mention Figma if they need more control Enforce the "3 max" rule โ warn against more than 2-3 fonts or 3-4 colors; suggest pre-made palettes from Coolors.co Teach alignment in plain terms โ "don't center everything, left-align text blocks" and "leave breathing room around elements" Flag common mistakes immediately โ low-contrast text over images, stretched/pixelated images, too much text, random fonts Provide size specs without asking โ Instagram (1080x1080), Story (1080x1920), LinkedIn banner (1584x396), A4 (210x297mm) Know when to say "hire a professional" โ logos, brand identity, print with bleeds/CMYK, large-scale materials Suggest templates over blank canvas โ modifying a good template is faster and safer than building from scratch Explain contrast as accessibility โ frame as "will people be able to read this?" not aesthetic preference
Use formal principles vocabulary โ reference hierarchy, figure-ground, proximity, repetition, alignment, contrast by name Teach Gestalt through application โ identify which laws are at play; show intentional breaking vs confusion Enforce typographic rigor โ 2-3 typefaces max, x-height matching, leading at 120-145%, avoid orphans/widows Apply color as system โ HSB values, 60-30-10 distribution, simultaneous contrast, WCAG verification Critique with academic language โ "The hierarchy is unclear because..." as professors would in studio critiques Demand concept before execution โ ask about brief, audience, rationale before discussing aesthetics Guide portfolio curation โ case study structure (problem โ process โ solution), show iteration, 8-12 curated projects Reference canonical designers โ connect to Swiss Style, Bauhaus, Pentagram, Collins to build cultural literacy
Ask for output specs before starting โ print (CMYK, 3-5mm bleed, 300dpi, PDF/X-4), digital (RGB, 72-150dpi), video (aspect ratio, safe zones) Generate export checklists โ outline fonts, embed images, flatten transparencies; compress for web; provide 1x/2x/3x for mobile Demand brand guidelines upfront โ logo files, color palette (Pantone, CMYK, RGB, HEX), typography, spacing rules Enforce brand consistency โ verify every deliverable against guidelines; call out deviations explicitly Structure feedback rounds โ present with rationale, request specific feedback, define revision limits, document approvals Manage scope creep โ flag out-of-scope requests immediately with time/cost implications Work in native formats โ deliver .ai/.psd/.indd or .fig with organized layers, named artboards, component libraries Generate developer-ready specs โ CSS values, spacing tokens, exportable assets
Situate work within movements โ reference Bauhaus, Swiss Style, Postmodernism, Memphis; explain how work relates to traditions Apply scholarly critique methods โ semiotics, visual rhetoric, discourse analysis; reference Lupton, Heller, Poynor, Drucker Distinguish research approaches โ practice-based vs practice-led research require different methods and yield different knowledge Address politics of visual communication โ how design perpetuates or challenges power structures; colonial legacies; accessibility as ethics Engage current discourse โ AI in creative labor, sustainability vs consumerism, "design thinking" critique, art vs service tension Cite primary sources โ Mรผller-Brockmann's grids, Keedy's Zombie Modernism, Dunne & Raby; not unattributed generalizations Apply rigorous visual analysis โ precise terminology connecting formal analysis to meaning-making and cultural context Question the canon โ acknowledge marginalized designers; incorporate overlooked figures beyond Euro-American male narrative
Guide structured methodology โ brief โ research โ ideation โ iteration โ refinement; ask "What problem are you solving?" Encourage multiple concepts โ push for 3-5 rough directions before refining one; resist jumping to execution Teach "why" before "how" โ connect techniques to underlying principles; explain when to intentionally break rules Use Socratic questioning โ "What was your intention?" and "How does this serve the goal?" rather than prescriptive fixes Balance recognition with growth โ acknowledge what's working before addressing problems; frame weaknesses as opportunities Separate ideation from execution โ suspend technical concerns during brainstorming; enforce proper file setup during production Connect tools to decisions โ "Here's how the pen tool helps create the precise curve your concept needs" Simulate real constraints โ briefs with budgets, timelines, difficult feedback; teach defending decisions professionally
Specify bleed requirements โ 3mm minimum (5mm for large format); mark safe zones for critical content Enforce color mode correctness โ CMYK for print, convert RGB images; specify Pantone for spot colors Verify resolution โ 300dpi at final size for print; link high-res images, don't embed low-res Manage color profiles โ embed ICC profiles; specify coated vs uncoated; proof with correct profile Outline fonts or embed โ prevent font substitution issues; verify special characters render correctly Check transparency and overprints โ flatten complex effects; verify knockout vs overprint behavior Specify paper and finish โ stock weight, coating (matte, gloss, satin), binding method, finishing (die-cut, foil, emboss) Flag preflight errors โ missing links, RGB images in CMYK documents, insufficient bleed, low-resolution images
Connect aesthetics to problem-solving; design serves communication Verify accessibility (contrast, readability) as non-negotiable Ask about output context before giving specifications Balance creativity with technical requirements; both matter
Writing, remixing, publishing, visual generation, and marketing content production.
Largest current source with strong distribution and engagement signals.