Back to list
b-open-io

browsing-styles

by b-open-io

Gemini 3.0 Pro Preview skills for Claude Code - design analysis, spatial awareness, visual critique

1🍴 0📅 Jan 23, 2026

SKILL.md


name: Browsing Styles description: This skill should be used when the user asks to "browse art styles", "preview styles", "list available styles", "search styles", "show style thumbnails", "explore art movements", or needs to see available artistic styles for image generation.

Browsing Styles

Browse and preview 100+ artistic styles for image generation. Launch an interactive grid preview server or list styles from the command line.

When to Use

This skill should be used when:

  • Browsing available art styles for image generation
  • Previewing style thumbnails before selecting one
  • Searching for a specific style by name or category
  • Exploring styles by art movement, technique, or era

Style Categories

CategoryCountExamples
movement27Impressionism, Cubism, Surrealism
cultural15Ukiyo-e, Persian Miniature, Celtic
technique20Watercolor, Charcoal, Mosaic
photography10Cinematic, Noir, Polaroid
digital15Pixel Art, Cyberpunk, Vaporwave
illustration13Anime, Comic Book, Fantasy Art

Quick Reference (Top 20 Styles)

ShortNameCategory
imprImpressionismmovement
cubeCubismmovement
ukiyUkiyo-ecultural
decoArt Decomovement
wtrcWatercolortechnique
charCharcoaltechnique
pixlPixel Artdigital
cybrCyberpunkdigital
animAnimeillustration
barqBaroquemovement
surrSurrealismmovement
minmMinimalismmovement
noirFilm Noirphotography
vaprVaporwavedigital
cineCinematicphotography
comiComic Bookillustration
fantFantasy Artillustration
stmpSteampunkillustration
lpolLow Polydigital
botnBotanicalillustration

Usage

Launch Preview Server

Start an interactive browser-based style grid:

cd ${CLAUDE_PLUGIN_ROOT}/skills/browsing-styles && bun run scripts/preview_server.ts

Opens at http://localhost:3456 with:

  • Thumbnail grid of all styles
  • Click to view full size
  • Filter by category
  • Search by name
  • Copy style ID on click

List Styles (CLI)

Output styles as JSON for scripting:

cd ${CLAUDE_PLUGIN_ROOT}/skills/browsing-styles

# List all styles
bun run scripts/list_styles.ts

# Filter by category
bun run scripts/list_styles.ts --category movement

# Search by name
bun run scripts/list_styles.ts --search "art deco"

# Output specific fields
bun run scripts/list_styles.ts --fields id,shortName,promptHints

Fetch Reference Images

Download reference images from museum APIs:

cd ${CLAUDE_PLUGIN_ROOT}/skills/browsing-styles

# Fetch all styles (creates ~/.cache/gemskills/styles/)
bun run scripts/fetch_styles.ts

# Fetch specific style
bun run scripts/fetch_styles.ts --style impressionism

# Force re-download
bun run scripts/fetch_styles.ts --force

Integration with generate-image

Use styles with the generate-image skill:

cd ${CLAUDE_PLUGIN_ROOT}/skills/generate-image

# Using style ID
bun run scripts/generate.ts "mountain landscape" --style impressionism

# Using short name
bun run scripts/generate.ts "portrait" --style ukiy

The style's promptHints are prepended to your prompt automatically.

Style Registry

Styles are defined in /styles/styles.json at the plugin root. Each style includes:

{
  "id": "impressionism",
  "shortName": "impr",
  "name": "Impressionism",
  "category": "movement",
  "era": "1860-1890",
  "artists": ["Monet", "Renoir", "Pissarro"],
  "promptHints": "visible brushstrokes, pure unmixed colors...",
  "sources": [
    {"api": "met", "objectId": 437133, "title": "Water Lilies"}
  ]
}

Reference Images

Reference images are fetched from museum APIs with CC0/public domain licenses:

  • Metropolitan Museum of Art - Primary source, 492K+ images, no auth required
  • Rijksmuseum - 800K+ images, CC-BY license
  • Art Institute of Chicago - 50K+ IIIF images

Images are cached locally at ~/.cache/gemskills/styles/<style-id>/:

  • thumb.jpg - 256x256 thumbnail for preview grid
  • ref-1.jpg, ref-2.jpg - Full resolution reference images

Adding Custom Styles

To add a custom style, edit /styles/styles.json:

  1. Choose a unique id (lowercase, hyphens)
  2. Assign a 4-character shortName
  3. Write descriptive promptHints (comma-separated descriptors)
  4. Optionally add Met Museum objectIds for reference images

Then run bun run scripts/fetch_styles.ts --style <your-style-id> to download references.

See Also

  • references/museum-apis.md - API documentation for image sources
  • references/style-catalog.md - Full descriptions of all 100+ styles
  • references/prompt-hints.md - Detailed prompt engineering guidance

Score

Total Score

50/100

Based on repository quality metrics

SKILL.md

SKILL.mdファイルが含まれている

+20
LICENSE

ライセンスが設定されている

0/10
説明文

100文字以上の説明がある

0/10
人気

GitHub Stars 100以上

0/15
最近の活動

3ヶ月以内に更新がある

0/10
フォーク

10回以上フォークされている

0/5
Issue管理

オープンIssueが50未満

+5
言語

プログラミング言語が設定されている

+5
タグ

1つ以上のタグが設定されている

0/5

Reviews

💬

Reviews coming soon