lovart-design-workflow

Generate Lovart-ready design prompts and brand-aligned briefs for JoyJoin visual assets.

Updated Dec 24, 2025
One-click install
npx skills add https://github.com/JoyJoin-Tech-Limited/JoyJoin_app_v0.1 --skill lovart-design-workflow-joyjoin-tech-limited
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: lovart-design-workflow
Source: https://github.com/JoyJoin-Tech-Limited/JoyJoin_app_v0.1/tree/main/.github/skills/lovart-design-workflow
Command: npx skills add https://github.com/JoyJoin-Tech-Limited/JoyJoin_app_v0.1 --skill lovart-design-workflow-joyjoin-tech-limited

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating consistent, on-brand visual assets through an AI design agent requires translating product requirements into structured prompts that respect brand colors, mascot personalities, and illustration style rules. This Skill standardizes that translation so every Lovart request produces brand-aligned output without repeated manual specification. ## Core Features & Use Cases - Brand Parameter Injection: Automatically includes the 8 JoyJoin brand colors with exact hex codes, typography feel guidance, and the canonical 12-archetype mascot roster in every brief. - Four Asset Templates: Provides ready-to-use prompt templates for mascot illustrations, UI mockups, marketing/social media graphics, and icon sets. - Standardized Handoff: Produces a lovart_brief.md deliverable with export specs, file naming conventions, storage paths, and frontend handoff guidance. - Use Case: A product manager needs a welcome illustration of the Corgi mascot for mini-program onboarding. The Skill generates a complete Lovart brief with the mandatory low-poly painterly style lock, brand hex codes, pose description, and PNG 2x export requirements, ready to paste into Lovart's ChatCanvas. ## Quick Start Ask the assistant to generate a Lovart design brief for a specific asset, for example: create a Lovart prompt for a Corgi mascot welcome illustration for the mini-program onboarding screen.

Frequently Asked Questions about lovart-design-workflow

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

FAQPage Schema
How do I generate a Lovart prompt for a brand mascot illustration?▼

Use the mascot illustration template specifying the archetype animal, pose, emotion, and scene, then inject the mandatory style lock: 2D low-poly geometric construction with painterly facets, atmospheric textured background, and exact JoyJoin hex codes like Vibrant Purple #8B5CF6.

Lovart vs Figma: which tool for design assets?▼

Use Lovart for brand illustrations, mascot artwork, and marketing graphics generated through conversational AI. Use Figma for production pixel specs and component libraries. This Skill covers only the Lovart workflow.

What image format works for WeChat Mini Program assets?▼

Mini-program has limited SVG support, so export icons and illustrations as PNG at 2x and 3x resolutions. Watch bundle size and place large assets in subpackages rather than the main bundle.

Why does Lovart output not match the JoyJoin brand tone?▼

The brand parameters were likely not injected explicitly enough. Re-state all exact hex codes, include the visual tone checklist (warm, rounded, breathable, minimal), and request softer, warmer rendering in the ChatCanvas iteration.

When should I not use this design brief workflow?▼

Do not use it for coding UI components, defining design system tokens or CSS properties, brand strategy changes, or animation and motion work. Those belong to frontend architecture, design system governance, brand guidelines, and motion skills respectively.