Skill

visual

Suggest where to insert GIFs, images, diagrams, and code screenshots to improve readability and engagement in technical drafts. Provides placement recommendations and descriptive captions.

npx claudepluginhub tercel/tercel-claude-plugins --plugin hype-forge

Tool Access

This skill uses the workspace's default tool permissions.

Preview

Enhance technical drafts with strategic visual element suggestions.

SKILL.md

Similar Skills

skill-lookup

159.9k

Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.

prompts.chat

prompt-lookup

159.9k

Searches prompts.chat for AI prompt templates by keyword or category, retrieves by ID with variable handling, and improves prompts via AI. Use for discovering or enhancing prompts.

prompts.chat

next-compile

139.2k

Checks Next.js compilation errors using a running Turbopack dev server after code edits. Fixes actionable issues before reporting complete. Replaces `next build`.

1 file

vercel-next-js-2

Stats

Stars0

Forks0

Last CommitMar 1, 2026

Actions

View Source View Plugin View on GitHub View README

Hype-Forge — Visual

Enhance technical drafts with strategic visual element suggestions.

Usage

/hype-forge:visual [path to draft]

Workflow

Identify: Scan the draft for long text blocks, complex concepts, or architecture descriptions.

Suggest: Recommend the right visual type for each section:

GIFs for interactions (e.g., "Show the CLI in action").
Diagrams for architecture (e.g., "Use a Mermaid chart here").
Code screenshots for social media sharing.
Before/after comparisons for performance improvements.

Captioning: Provide friendly, descriptive captions for each suggestion.

Placement: Indicate where each visual should go using placeholder format: ![GIF: Description](URL).

Visual Type Guidelines

Content Type

Recommended Visual

Platform Fit

CLI / terminal interaction

GIF (15-30s)

Dev.to, X Thread

System architecture

Mermaid diagram or draw.io

Hashnode, HN

Code comparison

Side-by-side screenshot

X Article, Dev.to

Performance data

Chart / graph

HN, Hashnode

UI component

Screenshot or short GIF

Reddit, X Thread

Quality Checklist

Are the visual suggestions relevant and helpful?

Is there a good balance between text and visuals?

Are captions descriptive enough to guide content creation?

Do visual types match the target platform?

Hype-Forge — Visual

Enhance technical drafts with strategic visual element suggestions.

Usage

/hype-forge:visual [path to draft]

Workflow

Identify: Scan the draft for long text blocks, complex concepts, or architecture descriptions.
Suggest: Recommend the right visual type for each section:
- GIFs for interactions (e.g., "Show the CLI in action").
- Diagrams for architecture (e.g., "Use a Mermaid chart here").
- Code screenshots for social media sharing.
- Before/after comparisons for performance improvements.
Captioning: Provide friendly, descriptive captions for each suggestion.
Placement: Indicate where each visual should go using placeholder format: ![GIF: Description](URL).

Visual Type Guidelines

Content Type	Recommended Visual	Platform Fit
CLI / terminal interaction	GIF (15-30s)	Dev.to, X Thread
System architecture	Mermaid diagram or draw.io	Hashnode, HN
Code comparison	Side-by-side screenshot	X Article, Dev.to
Performance data	Chart / graph	HN, Hashnode
UI component	Screenshot or short GIF	Reddit, X Thread

Quality Checklist

Are the visual suggestions relevant and helpful?
Is there a good balance between text and visuals?
Are captions descriptive enough to guide content creation?
Do visual types match the target platform?