diff --git a/skills/gemini-web/SKILL.md b/skills/gemini-web/SKILL.md index 7a39eda..d48bcff 100644 --- a/skills/gemini-web/SKILL.md +++ b/skills/gemini-web/SKILL.md @@ -11,6 +11,7 @@ description: Interacts with Gemini Web to generate text and images. Use when the npx -y bun scripts/main.ts "Hello, Gemini" npx -y bun scripts/main.ts --prompt "Explain quantum computing" npx -y bun scripts/main.ts --prompt "A cute cat" --image cat.png +npx -y bun scripts/main.ts --promptfiles system.md content.md --image out.png ``` ## Commands @@ -60,6 +61,7 @@ npx -y bun scripts/main.ts "Hello" --json | Option | Short | Description | |--------|-------|-------------| | `--prompt ` | `-p` | Prompt text | +| `--promptfiles ` | | Read prompt from files (concatenated in order) | | `--model ` | `-m` | Model: gemini-3-pro (default), gemini-2.5-pro, gemini-2.5-flash | | `--image [path]` | | Generate image, save to path (default: generated.png) | | `--json` | | Output as JSON | @@ -108,3 +110,9 @@ npx -y bun scripts/main.ts "A photorealistic image of a golden retriever puppy" ```bash npx -y bun scripts/main.ts "Hello" --json | jq '.text' ``` + +### Generate image from prompt files +```bash +# Concatenate system.md + content.md as prompt +npx -y bun scripts/main.ts --promptfiles system.md content.md --image output.png +``` diff --git a/skills/gemini-web/scripts/main.ts b/skills/gemini-web/scripts/main.ts index d6d6636..99422bc 100644 --- a/skills/gemini-web/scripts/main.ts +++ b/skills/gemini-web/scripts/main.ts @@ -19,9 +19,11 @@ function printUsage(exitCode = 0): never { npx -y bun skills/gemini-web/scripts/main.ts --prompt "Hello" npx -y bun skills/gemini-web/scripts/main.ts "Hello" npx -y bun skills/gemini-web/scripts/main.ts --prompt "A cute cat" --image generated.png + npx -y bun skills/gemini-web/scripts/main.ts --promptfiles system.md content.md --image out.png Options: -p, --prompt Prompt text + --promptfiles Read prompt from one or more files (concatenated in order) -m, --model gemini-3-pro | gemini-2.5-pro | gemini-2.5-flash (default: gemini-3-pro) --json Output JSON --image [path] Generate an image and save it (default: ./generated.png) @@ -51,8 +53,22 @@ async function readPromptFromStdin(): Promise { return text ? text : null; } +function readPromptFiles(filePaths: string[]): string { + const contents: string[] = []; + for (const filePath of filePaths) { + const resolved = path.isAbsolute(filePath) ? filePath : path.resolve(process.cwd(), filePath); + if (!fs.existsSync(resolved)) { + throw new Error(`Prompt file not found: ${resolved}`); + } + const content = fs.readFileSync(resolved, 'utf8').trim(); + contents.push(content); + } + return contents.join('\n\n'); +} + function parseArgs(argv: string[]): { prompt?: string; + promptFiles?: string[]; model?: string; json?: boolean; imagePath?: string; @@ -101,6 +117,19 @@ function parseArgs(argv: string[]): { out.prompt = arg.slice('--prompt='.length); continue; } + if (arg === '--promptfiles') { + out.promptFiles = []; + while (i + 1 < argv.length) { + const next = argv[i + 1]; + if (next && !next.startsWith('-')) { + out.promptFiles.push(next); + i += 1; + } else { + break; + } + } + continue; + } if (arg === '--model' || arg === '-m') { out.model = argv[i + 1] ?? ''; i += 1; @@ -148,6 +177,7 @@ function parseArgs(argv: string[]): { if (out.imagePath === '') delete out.imagePath; if (out.cookiePath === '') delete out.cookiePath; if (out.profileDir === '') delete out.profileDir; + if (out.promptFiles?.length === 0) delete out.promptFiles; return out; } @@ -227,7 +257,8 @@ async function main(): Promise { } const promptFromStdin = await readPromptFromStdin(); - const prompt = args.prompt || promptFromStdin; + const promptFromFiles = args.promptFiles ? readPromptFiles(args.promptFiles) : null; + const prompt = promptFromFiles || args.prompt || promptFromStdin; if (!prompt) printUsage(1); let cookieMap = await ensureGeminiCookieMap({ cookiePath, profileDir }); diff --git a/skills/xhs-images/SKILL.md b/skills/xhs-images/SKILL.md new file mode 100644 index 0000000..b485180 --- /dev/null +++ b/skills/xhs-images/SKILL.md @@ -0,0 +1,203 @@ +--- +name: xhs-images +description: 小红书 (Xiaohongshu/RedNote) infographic series generator. Breaks down content into 1-10 cartoon-style infographics, generates outline and creates images using gemini-web skill. +--- + +# 小红书 Infographic Series Generator + +Break down complex content into eye-catching cartoon-style infographic series for Xiaohongshu (Little Red Book). + +## Role + +Visual content strategist specializing in breaking down complex content into engaging cartoon-style infographic series. + +## Usage + +```bash +# Option 1: Specify article path +/xhs-images posts/ai-future/article.md + +# Option 2: Direct content input +/xhs-images +[paste content] +``` + +## File Management + +### With Article Path + +Save to `xhs-images/` subdirectory in the same folder as the article: + +``` +posts/ai-future/ +├── article.md +└── xhs-images/ + ├── outline.md + ├── prompts/ + │ ├── 01-cover.md + │ ├── 02-content-1.md + │ └── ... + ├── 01-cover.png + ├── 02-content-1.png + └── 03-ending.png +``` + +### Without Article Path + +Save to `xhs-outputs/YYYY-MM-DD/[topic-slug]/`: + +``` +xhs-outputs/ +└── 2026-01-08/ + └── ai-agent-guide/ + ├── outline.md + ├── prompts/ + │ ├── 01-cover.md + │ └── ... + ├── 01-cover.png + └── 02-ending.png +``` + +- `[topic-slug]`: lowercase English with hyphens based on topic +- **Conflict handling**: If slug directory exists, generate a different slug; never overwrite +- Same day + same topic → same directory + +## Workflow + +### Step 1: Analyze Content & Determine Image Count + +| Content Type | Image Count | +|-------------|-------------| +| Simple opinion / single topic | 2-3 | +| Medium complexity / tutorial | 4-6 | +| Deep dive / multi-dimensional | 7-10 | + +### Step 2: Generate Outline + +Plan for each image: +- Position (cover / content / ending) +- Core message (one sentence) +- Text content (title, subtitle, key points) +- Visual prompt + +**Outline Format:** + +```markdown +# 小红书 Infographic Series Outline + +**Topic**: [topic description] +**Image Count**: N +**Generated**: YYYY-MM-DD HH:mm + +--- + +## Image 1 of N + +**Position**: Cover +**Core Message**: [one-liner] +**Filename**: 01-cover.png + +**Text Content**: +- Title: xxx +- Subtitle: xxx + +**Visual Prompt** (image-specific only, system.md provides base style): +``` +小红书风格信息图，竖版（3:4），卡通风格，手绘风格文字，[具体背景色]背景。 +[具体内容布局描述] +文字内容：... +卡通元素：... +整体风格：手绘、可爱、清新，信息精简，多留白，重点突出。 +``` + +--- + +## Image 2 of N +... +``` + +### Step 3: Save Outline + +Save outline as `outline.md`. + +### Step 4: Generate Images One by One + +For each image in the outline: + +1. **Save prompt file** to `prompts/` subdirectory (filename matches image, .md extension): + +```markdown +小红书风格信息图，竖版（3:4），卡通风格，手绘风格文字，[background color]背景。 + +[Layout description: title position, text arrangement, visual hierarchy] + +文字内容： +- 主标题：「xxx」（大号手绘字体，居中/顶部） +- 副标题/要点：「xxx」「xxx」 + +卡通元素：[specific elements: lightbulb icons, speech bubbles, arrows, emoji-style expressions] + +整体风格：手绘、可爱、清新，信息精简，多留白，重点突出。 +``` + +2. **Generate image using `/gemini-web` skill**: + +``` +/gemini-web --promptfiles [SKILL_ROOT]/skills/xhs-images/prompts/system.md [TARGET_DIR]/prompts/01-cover.md --image [TARGET_DIR]/01-cover.png +``` + +- `[SKILL_ROOT]`: The baoyu-skills root directory +- `--promptfiles`: Concatenates system.md (style guidelines) + image-specific prompt +- `--image`: Output path for generated image + +After each image: +1. Confirm generation success +2. Report progress: "Generated X/N" +3. Continue to next + +### Step 5: Completion Report + +``` +小红书 Infographic Series Complete! + +Topic: [topic] +Location: [directory path] +Images: N total + +- 01-cover.png ✓ Cover +- 02-content-1.png ✓ Content +- 03-content-2.png ✓ Content +- 04-ending.png ✓ Ending + +Outline: outline.md +``` + +## Content Breakdown Principles + +1. **Cover (Image 1)**: Strong visual impact, core title, attention hook +2. **Content (Middle)**: One core point per image, moderate information density +3. **Ending (Last)**: Summary / call-to-action / memorable quote + +## Visual Style Guidelines + +- **Type**: Infographic +- **Orientation**: Portrait, 3:4 +- **Style**: Cartoon, hand-drawn +- **Background**: Morandi colors / cream / off-white / soft tones +- **Text**: Must be hand-drawn style, no realistic fonts +- **Decoration**: Simple cartoon elements, icons for visual interest +- **Layout**: Concise info, ample whitespace, clear hierarchy + +## Terminology + +- Token → Token +- AI Agent → AI 智能体 +- Vibe Coding → 凭感觉编程 +- AI Wrapper → AI 套壳 + +## Notes + +- Image generation typically takes 10-30 seconds per image +- Auto-retry once on generation failure +- Use cartoon alternatives for sensitive public figures +- Output language matches input content language diff --git a/skills/xhs-images/prompts/system.md b/skills/xhs-images/prompts/system.md new file mode 100644 index 0000000..b7afd69 --- /dev/null +++ b/skills/xhs-images/prompts/system.md @@ -0,0 +1,45 @@ +Create a 小红书 (Little Red Book) style infographic following these guidelines: + +## Image Specifications + +- **Type**: Infographic +- **Orientation**: Portrait (vertical) +- **Aspect Ratio**: 3:4 +- **Style**: Cartoon / Hand-drawn illustration + +## Background & Colors + +- Use soft, gentle color palettes: Morandi colors, cream, off-white, light pink, mint green +- Colors should be cohesive and harmonious +- Match 小红书's aesthetic preferences + +## Text Style (CRITICAL) + +- **ALL text MUST be hand-drawn style** +- Main titles should be prominent and eye-catching +- Key text should be bold and enlarged +- Use highlighter effects to emphasize keywords +- **DO NOT use realistic or computer-generated fonts** + +## Decorative Elements + +- Include simple cartoon elements, icons to enhance visual interest and memorability +- Acceptable: emoji-style icons, hand-drawn stickers, sticky note textures, speech bubbles +- If content involves sensitive or copyrighted figures, create stylistically similar cartoon alternatives - DO NOT refuse to generate +- **ALL visual elements MUST be hand-drawn/cartoon style - NO realistic imagery** + +## Layout Principles + +- Keep information concise, highlight keywords and core concepts +- Use ample whitespace for easy visual scanning +- Present points in clearly separated sections +- Maintain clear visual hierarchy + +## Language + +- Unless otherwise specified, use Chinese (中文) +- Use Chinese full-width punctuation: ""，。！ + +--- + +Please generate the infographic based on the content provided below: