jubscodes/get-shit-pretty/gsp-visuals

Claude Code and agent skill by jubscodes/get-shit-pretty

Trust tier 2
  • community
Source check pending

Checking that the SKILL.md file is still in the repository.

Define visual direction — imagery, 3D, video, textures, and surface treatments — use when: pick imagery, set mood, choose visual treatment, 3D direction, video direction, texture and surface decisions

Install

npx vskill@latest install jubscodes/get-shit-pretty/gsp-visuals

SKILL.md

<context> Composable visual direction skill. Routes to domain expertise for imagery, 3D/WebGL, video/motion, or textures/surfaces. </context>

<objective> Define visual direction for a specific domain. Reads the domain framework from domains/ and follows it.

Input: Domain flag (--imagery, --3d, --video, --textures) + optional --enrich Output: Domain-specific chunk file Agent: None — inline skill with structured questioning </objective>

<execution_context> @${CLAUDE_SKILL_DIR}/chunk-format.md </execution_context>

<rules>

  • Always use AskUserQuestion for user interaction — never prompt via plain text
  • One decision per question — never batch multiple questions in a single message
  • Route to exactly one domain per invocation

</rules>

<process>

Step 0: Parse flags

Map invocation to domain file:

FlagDomain file
--imageryimagery.md
--3d3d.md
--videovideo.md
--texturestextures.md

Check for --enrich flag (passes through to domain workflow).

Step 1: Pick domain (if no flag)

If no domain flag was provided, use AskUserQuestion:

  • Imagery — "photography, illustration, iconography, image treatments"
  • 3D / WebGL — "render style, materials, lighting, interactive scenes"
  • Video / Motion — "editing style, pacing, transitions, motion graphics"
  • Textures / Surfaces — "patterns, grain, gradients, background CSS recipes"

Step 2: Resolve brand/project context

Check what's available:

  1. Within a brand — read {BRAND_PATH}/BRIEF.md, {BRAND_PATH}/strategy/archetype.md, {BRAND_PATH}/identity/color-system.md if they exist. Use brand personality to drive direction.
  2. Within a project — read {PROJECT_PATH}/brand.ref -> resolve brand -> load above.
  3. Standalone — no brand context. The domain's interactive mode will gather input.

Resolve {BRAND_PATH} and {PROJECT_PATH} by checking for .design/ in the workspace via Glob.

Step 3: Load domain and execute

Read ${CLAUDE_SKILL_DIR}/domains/{domain}.md and follow its complete framework:

  • If --enrich: follow the domain's enrich-mode workflow
  • Otherwise: follow the domain's interactive-mode questions, then its direction framework

Step 4: Write output and complete

Resolve output path from domain file's Output filename:

  • Within a brand: {BRAND_PATH}/identity/{filename}
  • Within a project: {PROJECT_PATH}/references/{filename}
  • Standalone: display output, offer to save

Write chunk following chunk-format.md format. Update STATE.md if it exists.

Display the domain's completion summary, then show its completion options via AskUserQuestion. </process>

Security

  • Security scanPassed, 100 of 100Pattern checks on the skill's files.
  • Model reviewPassed

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

Source

Popularity

Repository stars
43
Repository forks
4
Repository npm downloads, 7 days
59
7-day trend score
32

Stars and forks are for the whole GitHub repository, not this skill alone. Downloads are for the repository's npm package. Refreshed 17 May 2026, 5 months ago.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/jubscodes/get-shit-pretty/gsp-visuals/badge)](https://verified-skill.com/skills/jubscodes/get-shit-pretty/gsp-visuals)

Something wrong with this skill or its page? Tell us.