theme-comparison
CommunityCraft impactful Before/After comparison visuals.
Design & Creative#contrast#image-generation#visual-design#prompt-design#before-after#gemini-rendering#layout-guidelines
Authororientpine
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Aligns stakeholders around a clear, side-by-side visual narrative by showing the Before and After states in a single frame, reducing ambiguity and improving decision speed.
Core Features & Use Cases
- Contrast-driven layout: a 50:50 split with a central cue (VS or arrow) to emphasize changes.
- Consistent visual identity: a defined palette and typography rules to ensure cohesive branding across scenes.
- Guided scene descriptions: explicit guidance for left/right framing, overlays, and data presentation to maximize interpretability in marketing, product comparisons, and UX case studies.
Quick Start
Instruct the AI to render a ready-to-use Before/After theme visualization for a given scenario using the layout and style rules described above.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: theme-comparison Download link: https://github.com/orientpine/honeypot/archive/main.zip#theme-comparison Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.