| Generates a designed portfolio-resume image from resume content provided in conversation text. Extracts optional style instructions, converts the resume into a fixed portfolio-resume layout prompt, and generates the final image through sn-image-base. Use when user asks to create "resume image", "portfolio resume", "简历图", "简历海报", or "个人简历视觉设计".
npx skills add https://github.com/OpenSenseNova/SenseNova-Skills --skill sn-image-resume
Resume image generation scene skill (tier 1), relying on the sn-text-optimize and sn-image-generate tools provided by sn-image-base (tier 0).
Features:
prompts/resume.mdsn-image-generate|Parameter|Type|Default Value|Description|
|---|---|---|---|
|resume_content|string|Required|Resume text provided by the user in conversation, including name, profile, education, experience, skills, projects, contact details, etc.|
|style|string|Optional|User-specified visual style, tone, color palette, profession aesthetic, or reference mood. May be embedded in resume_content.|
|aspect_ratio|string|9:16|Output aspect ratio. Allowed values: 2:3, 3:2, 3:4, 4:3, 4:5, 5:4, 1:1, 16:9, 9:16, 21:9, 9:21. Default is 9:16 (vertical) because the template is a tall stacked portfolio-resume page.|
|image_size|string|2k|Image size preset, 1k or 2k.|
|output_mode|string|friendly|Output mode: friendly or verbose.|
All API calls in this skill are executed through the sn_agent_runner.py of the sn-image-base skill, with authentication parameters using default values (CLI > environment variables > built-in defaults), so they do not need to be passed explicitly in normal use.
|Call Type|Tool|Authentication Parameters|Description|
|---|---|---|---|
|LLM|sn-text-optimize|Default reads SN_TEXT_API_KEY -> SN_CHAT_API_KEY -> SN_API_KEY|Converts user resume text into a detailed image generation prompt using prompts/resume.md as the system prompt|
|Image Generation|sn-image-generate|Default reads SN_IMAGE_GEN_API_KEY -> SN_API_KEY|Generates the final resume image|
If all capabilities use the same gateway, configure only:
SN_BASE_URL="https://your-api-endpoint.com/v1"
SN_API_KEY="your-api-key"
When encountering MissingApiKeyError or needing to specify a model: pass parameters explicitly via CLI. See $SN_IMAGE_BASE/references/api_spec.md.
$SN_IMAGE_BASE path explanation: $SN_IMAGE_BASE is the installation directory of the sn-image-base skill (SKILL.md exists). The agent can locate this path by skill name sn-image-base.
This skill uses a two-tier agent architecture:
|Role|Responsibility|
|---|---|
|Main Agent|Receive user request, normalize parameters, send preflight, start Worker, collect result, and send final text/image to user|
|Worker Agent|Execute prompt generation and image generation, then return structured JSON|
Responsibility Boundaries:
sn-image-base, without spawning nested subagentsresume_content, optional style, aspect_ratio (default 9:16), image_size (default 2k), and output_mode (default friendly) from the user requestresume_content is non-empty and contains enough resume information to generate a meaningful pageaspect_ratio against the allowed values: 2:3, 3:2, 3:4, 4:3, 4:5, 5:4, 1:1, 16:9, 9:16, 21:9, 9:21. If the user-provided value is not in this list, inform the user and fall back to the default 9:16"Using sn-image-resume skill to generate a resume image, please wait..."status=ok: send a short summary and the generated imagestatus=error: report the real error field content to the userWorker Agent receives resume_content, style, aspect_ratio, image_size, output_mode, and the working directory of this skill (SKILL_DIR).
task_id using timestamp format YYYYMMDD_HHMMSS/tmp/openclaw/sn-image-resume/<task_id>/ as TEMP_DIRecho "$RESUME_CONTENT" > "$TEMP_DIR/resume-content.txt"
echo "$STYLE" > "$TEMP_DIR/style.txt"
Use prompts/resume.md as the system prompt and call sn-text-optimize to convert the user resume content into a detailed image generation prompt.
USER_PROMPT=$(cat << EOF
Resume content:
$RESUME_CONTENT
Optional style instruction:
${STYLE:-No explicit style instruction. Infer an appropriate professional visual style from the resume content.}
Task:
Convert the resume content into a complete text-to-image prompt for a tall portfolio-resume image.
Follow the fixed layout, language, content mapping, typography, panel, and style translation rules in the system prompt.
Return only the final image generation prompt. Do not include explanations, markdown fences, or alternative options.
EOF
)
python "$SN_IMAGE_BASE/scripts/sn_agent_runner.py" sn-text-optimize \
--system-prompt-path "$SKILL_DIR/prompts/resume.md" \
--user-prompt "$USER_PROMPT" \
--output-format json
Parse JSON stdout and extract result as generation_prompt. If the process exits non-zero, returns invalid JSON, or result is empty, return status=error with the actual error.
Persist output:
echo "$GENERATION_PROMPT" > "$TEMP_DIR/generation-prompt.txt"
Generate the final image using sn-image-base's sn-image-generate tool.
python "$SN_IMAGE_BASE/scripts/sn_agent_runner.py" sn-image-generate \
--prompt "$GENERATION_PROMPT" \
--image-size "$IMAGE_SIZE" \
--aspect-ratio "$ASPECT_RATIO" \
--save-path "$TEMP_DIR/resume.png" \
--output-format json
Parse JSON stdout. If generation fails, return status=error with the actual error. The generated image path is $TEMP_DIR/resume.png.
sn-text-optimize fails or returns an empty result, stop and report the real errorsn-image-generate fails, stop and report the real errorAfter Worker Agent completes, its last message must be and only be the following JSON string (bare JSON, no code fences, no preceding or trailing text).
Normal Flow:
{
"status": "ok",
"need_main_agent_send": true,
"output_mode": "friendly|verbose",
"image": "$TEMP_DIR/resume.png",
"generation_prompt": "<included only when output_mode=verbose>",
"timing": {
"total_elapsed_seconds": 25.12,
"prompt_generation": { "elapsed_seconds": 5.23, "model": "sensenova-6.7-flash-lite" },
"image_generation": { "elapsed_seconds": 19.89, "model": "sn_image_model" }
}
}
Error Flow:
{
"status": "error",
"error": "<Actual error information>"
}
Rules:
status=ok must contain need_main_agent_send: truegeneration_prompt must contain when output_mode=verbose; omit it in friendly modetiming.prompt_generation.elapsed_seconds and timing.prompt_generation.model are read from sn-text-optimize JSON outputtiming.image_generation.elapsed_seconds is read from sn-image-generate JSON outputtiming.image_generation.model is fixed to "sn_image_model" because sn-image-generate does not return a model fieldText Summary: one sentence describing that the resume image has been generated, no more than 50 words.
Image: send the single generated resume image.
Resume image generated
---
Aspect ratio: <aspect_ratio>
Image size: <image_size>
---
Generation prompt:
<generation_prompt>
---
Time statistics: Total <total>s | Prompt generation <t>s | Image generation <t>s
---
Image:
<image path>
sn-image-base → sn-text-optimize, sn-image-generateprompts/resume.mdprompts/resume.md - Fixed portfolio-resume layout and language/content mapping rules../sn-image-base/SKILL.md - Base-layer image/text tool behavior../sn-image-base/references/api_spec.md - CLI parameter detailsGenerate breadboard circuit mockups and visual diagrams using HTML5 Canvas drawing techniques. Use when asked to create circuit layouts, visualize electronic component placements, draw breadboard diagrams, mockup 6502 builds, generate retro computer schematics, or design vintage electronics projects. Supports 555 timers, W65C02S microprocessors, 28C256 EEPROMs, W65C22 VIA chips, 7400-series logic gates, LEDs, resistors, capacitors, switches, buttons, crystals, and wires.
> Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.
Analyze images, websites, and Figma files to extract their design and generate a `design.md` with token system, component inventory, and reconstruction notes. Use this skill whenever the user wants to understand, document, replicate, or audit the design of something visual: a screenshot, a URL, a Figma link, a Pinterest reference, a mockup, a competitor's site, a component, a dashboard, a landing page. Also when they ask 'extract the design system from X', 'document the style of Y', 'analyze this visually', 'convert this image into tokens', 'help me replicate this design', 'what palette does this site use', 'how is this built'. Also for single elements: 'copy this navbar', 'recreate this illustration', 'give me a prompt to regenerate this graphic' — element mode outputs a focused element.md, with token-grounded image-model prompts when the element is visual art. If the user brings any visual source and wants to understand it at a design level — this skill should activate.
Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts.
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code.
Optimize web performance: bundle size, images, caching, lazy loading, and overall page speed. Use when site is slow, reducing bundle size, fixing layout shifts, improving Time to Interactive, or optimizing for Lighthouse scores. Triggers on: web performance, bundle size, page speed, slow site, lazy loading. Do NOT use for Core Web Vitals-specific fixes (use core-web-vitals), running Lighthouse audits (use perf-lighthouse), or Astro-specific optimization (use perf-astro).
| Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts.
| Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing jank, or when the user asks about animation performance, FPS, or smooth 60fps.
Take opensensenova/sn-image-resume from the repository into ~/.claude/skills for personal
use, or into .claude/skills inside a project.
The agent identifies a skill by the name field in its header. Two skills with the
same name cannot sit side by side — one of them will be ignored.