/static-visual-design
Create polished commercial and brand-facing static visual designs as complete PNG or JPEG assets. Use only for advertising creatives, campaign posters, promotional social posts, event or announcement cards, banners, and placement variants where art direction, typography,
$ npx -y skills add xorbitsai/xagent --skill static-visual-design --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
- Slash command
/static-visual-design
Context preview
The summary Claude sees to decide when to auto-load this skill.
Create polished commercial and brand-facing static visual designs as complete PNG or JPEG assets. Use only for advertising creatives, campaign posters, promotional social posts, event or announcement cards, banners, and placement variants where art direction, typography,
SKILL.md
static-visual-design.SKILL.mdname: static-visual-design
description: |
Create polished commercial and brand-facing static visual designs as complete
PNG or JPEG assets. Use only for advertising creatives, campaign posters,
promotional social posts, event or announcement cards, banners, and placement
variants where art direction, typography, hierarchy, brand fidelity, and
visual quality matter.
when_to_use: |
Use only for marketing, campaign, event, or brand communication. Do not use
for educational infographics, technical diagrams, concept explainers, charts,
data visualizations, or standalone illustrations or photos.
Static Visual Design
Stay within the commercial-creative scope
Use this skill only when the requested deliverable communicates marketing, promotional, campaign, event, or brand-facing material. A request to explain a concept with an image, comparison graphic, educational infographic, technical diagram, chart, or data visualization is outside this skill even when the user asks for a polished PNG or JPEG. Use the general image-generation workflow or a more specific explanatory-visual skill instead.
Do not use this skill to invent a logo, create video, manage ad accounts, generate a standalone illustration or photo with no designed commercial layout, or answer copy-only requests.
Produce the finished visual with image generation and editing. Let the image model solve the composition, type treatment, atmosphere, and graphic language together instead of reducing the work to a generated background plus an HTML layout.
For advertising creatives, campaign posters, promotional social posts, announcement graphics, and other commercially designed static visuals, read `references/static-ad-art-direction.md` with `read_skill_doc` before defining directions or rendering. Use its communication structures, layout specification, one-canvas contract, and rejection rules. Do not treat the reference as a menu of decorative styles.
Establish the brief
Identify the minimum useful brief before generating:
- communication goal, audience, and intended response;
- primary message, supporting copy, CTA, and required disclaimer;
- output channel and target aspect ratio or dimensions;
- available logo, QR code, product, brand-guide, campaign, and reference assets.
When available, ground creative direction in real brand materials, product facts, customer language, prior winning creative, and performance evidence. Treat those inputs as evidence, not as permission to invent adjacent claims.
Distinguish exact supplied copy from facts that still need copywriting. Preserve copy the user marks as exact. When the user supplies facts but not final wording, write concise, idiomatic campaign copy instead of mechanically restating the brief. Avoid defensive or generic claims such as "you cannot be wrong," vague superlatives, and urgency unsupported by the offer.
Do not create a separate brief document unless the user asks for one. Infer low-risk creative choices, but never invent prices, milestones, performance claims, offer mechanics, eligibility, dates, URLs, legal copy, or brand rules. Verify time-sensitive claims when necessary. If exact campaign terms are absent, keep the visual to the claims the user actually supplied.
Develop campaign directions before rendering
For an open-ended brand campaign, poster, promotion, or advertising request, turn the brief into two or three genuinely different communication angles before committing to a visual. Useful angle families include milestone pride or social proof, offer-led value, product benefit, emotional identity, and urgency, but choose only those supported by the brief.
Keep this initial direction-setting in one coherent planning pass. One creative lead should define and compare the full set of directions; do not delegate open-ended ideation to independent agents or parallel nodes. Independent ideation tends to converge on the same obvious brand cues while changing only surface decoration. Parallel execution is useful only after the briefs are locked: each executor receives a distinct proposition, structure, focal device, production finish, and explicit exclusions, and must not reinterpret the other directions.
Represent this order in the execution plan. Brand/reference acquisition is a shared prerequisite, creative direction and design specification depend on that grounding, and every render depends on the locked specification. Do not search for identity assets in parallel with artifact generation. Inspection depends on the render results. Independent renders may run in parallel only after all shared inputs are resolved.
Never bake asset-availability conclusions into planned work before the acquisition step has run. Do not write instructions such as "use the brand name in typography since no logo asset is available" into a step definition; whether a verified logo exists is an outcome of asset resolution, and how the brand is represented must stay open until that outcome is known.
Give every direction one single-minded proposition, one visual device, and one structural approach. The proposition explains why the audience should care; the visual device creates the memorable image; the structure controls how the message is scanned. Evaluate directions for brand fit, stopping power, glance-level clarity, offer comprehension, and factual safety. Do not let a creative become two disconnected ads stacked in one canvas.
Invent each direction's visual device deliberately instead of jumping from an angle name to a layout. Use generative moves — dramatize the verb in the proposition, give the proof number physical form in a real place, literalize the offer as an object or event, stage a recognizable cultural moment, shift scale, or cast a brand asset as the protagonist — and sketch more device candidates than you have direction slots before keeping the strongest. An angle name like "milestone pride" is not a device; "the milestone staged as a rally t
Read more
name: static-visual-design description: | Create polished commercial and brand-facing static visual designs as complete PNG or JPEG assets. Use only for advertising creatives, campaign posters, promotional social posts, event or announcement cards, banners, and placement variants where art direction, typography, hierarchy, brand fidelity, and visual quality matter. when_to_use: | Use only for marketing, campaign, event, or brand communication. Do not use for educational infographics, technical diagrams, concept explainers, charts, data visualizations, or standalone illustrations or photos.
Static Visual Design
Stay within the commercial-creative scope
Use this skill only when the requested deliverable communicates marketing, promotional, campaign, event, or brand-facing material. A request to explain a concept with an image, comparison graphic, educational infographic, technical diagram, chart, or data visualization is outside this skill even when the user asks for a polished PNG or JPEG. Use the general image-generation workflow or a more specific explanatory-visual skill instead.
Do not use this skill to invent a logo, create video, manage ad accounts, generate a standalone illustration or photo with no designed commercial layout, or answer copy-only requests.
Produce the finished visual with image generation and editing. Let the image model solve the composition, type treatment, atmosphere, and graphic language together instead of reducing the work to a generated background plus an HTML layout.
For advertising creatives, campaign posters, promotional social posts, announcement graphics, and other commercially designed static visuals, read `references/static-ad-art-direction.md` with `read_skill_doc` before defining directions or rendering. Use its communication structures, layout specification, one-canvas contract, and rejection rules. Do not treat the reference as a menu of decorative styles.
Establish the brief
Identify the minimum useful brief before generating:
- communication goal, audience, and intended response;
- primary message, supporting copy, CTA, and required disclaimer;
- output channel and target aspect ratio or dimensions;
- available logo, QR code, product, brand-guide, campaign, and reference assets.
When available, ground creative direction in real brand materials, product facts, customer language, prior winning creative, and performance evidence. Treat those inputs as evidence, not as permission to invent adjacent claims.
Distinguish exact supplied copy from facts that still need copywriting. Preserve copy the user marks as exact. When the user supplies facts but not final wording, write concise, idiomatic campaign copy instead of mechanically restating the brief. Avoid defensive or generic claims such as "you cannot be wrong," vague superlatives, and urgency unsupported by the offer.
Do not create a separate brief document unless the user asks for one. Infer low-risk creative choices, but never invent prices, milestones, performance claims, offer mechanics, eligibility, dates, URLs, legal copy, or brand rules. Verify time-sensitive claims when necessary. If exact campaign terms are absent, keep the visual to the claims the user actually supplied.
Develop campaign directions before rendering
For an open-ended brand campaign, poster, promotion, or advertising request, turn the brief into two or three genuinely different communication angles before committing to a visual. Useful angle families include milestone pride or social proof, offer-led value, product benefit, emotional identity, and urgency, but choose only those supported by the brief.
Keep this initial direction-setting in one coherent planning pass. One creative lead should define and compare the full set of directions; do not delegate open-ended ideation to independent agents or parallel nodes. Independent ideation tends to converge on the same obvious brand cues while changing only surface decoration. Parallel execution is useful only after the briefs are locked: each executor receives a distinct proposition, structure, focal device, production finish, and explicit exclusions, and must not reinterpret the other directions.
Represent this order in the execution plan. Brand/reference acquisition is a shared prerequisite, creative direction and design specification depend on that grounding, and every render depends on the locked specification. Do not search for identity assets in parallel with artifact generation. Inspection depends on the render results. Independent renders may run in parallel only after all shared inputs are resolved.
Never bake asset-availability conclusions into planned work before the acquisition step has run. Do not write instructions such as "use the brand name in typography since no logo asset is available" into a step definition; whether a verified logo exists is an outcome of asset resolution, and how the brand is represented must stay open until that outcome is known.
Give every direction one single-minded proposition, one visual device, and one structural approach. The proposition explains why the audience should care; the visual device creates the memorable image; the structure controls how the message is scanned. Evaluate directions for brand fit, stopping power, glance-level clarity, offer comprehension, and factual safety. Do not let a creative become two disconnected ads stacked in one canvas.
Invent each direction's visual device deliberately instead of jumping from an angle name to a layout. Use generative moves — dramatize the verb in the proposition, give the proof number physical form in a real place, literalize the offer as an object or event, stage a recognizable cultural moment, shift scale, or cast a brand asset as the protagonist — and sketch more device candidates than you have direction slots before keeping the strongest. An angle name like "milestone pride" is not a device; "the milestone staged as a rally t
Start with a personal agent. Scale into an AI workforce. Xagent helps individuals complete real tasks, teams publish reusable agents, and enterprises run agent systems with their own tools, models, knowledge, and infrastructure — without brittle workflows.
Repo: xorbitsai/xagent
Other skills on xagent.
- /agent-builder
Expert AI Agent Builder skill. Helps users dynamically create, configure, and build custom AI agents with specific capabilities, knowledge bases, and tools.
Open skill - /evidence-based-rag
Evidence-first retrieval-augmented reasoning skill for decision-critical scenarios. Retrieves information from a specified knowledge base, extracts verifiable evidence, detects conflicting claims, and evaluates answer sufficiency with explicit confidence and risk signals.
Open skill - /html-deck-editorial
Generate a single-file HTML presentation deck with magazine-grade editorial styling. Use only when the user explicitly asks for an "html deck", "editorial slides", "magazine style presentation", "beautiful slides", "美观 PPT", or "网页版幻灯片" — i.e. a slide-style visual deliverable
Open skill - /pdf-report-editorial
Generate an editorial-styled PDF report (whitepaper, research brief, executive memo, case study) by first emitting a self-contained HTML document and then rendering it to PDF via the browser. Use when the user asks for a "PDF report", "whitepaper", "executive brief", "research
Open skill - /pptx-editorial
Generate a native PowerPoint (.pptx) file with magazine-grade editorial styling — pitch decks, investor presentations (路演 PPT), board reviews, executive memos, conference talks, product launches. Output is a single .pptx file generated via pptxgenjs through the JavaScript
Open skill - /presentation-generator
Generate and edit PowerPoint presentations (.pptx). Use for: creating slide decks, pitch decks, or presentations from scratch; reading, parsing, or extracting content from .pptx files; editing, modifying, or updating existing presentations; combining or splitting slide files;
Open skill

