What is the primary layout of this theme?

It uses a 50:50 split-screen structure designed to contrast a legacy state (LEFT) with an optimized improvement (RIGHT) using a high-resolution 16:9 canvas.

Does it support specific typography for non-English languages?

Yes, it includes specific guidance for professional Korean typography, recommending Bold Modern Gothic styles like Nanum Gothic and Pretendard for maximum legibility.

What XML tags are generated by this skill?

It generates and maps content for the , , , , and tags to ensure a consistent rendering output.

How does it handle color transitions?

The skill suggests a professional palette where the LEFT scene uses heavier, calmer tones and the RIGHT scene uses bright, clear tones to emphasize positive change.

Visual Comparison Theme Generator

Name: Visual Comparison Theme Generator
Author: orientpine

byorientpine

•

Design Tools

Generates structured XML-tag mappings and scene guides for side-by-side visual comparisons and before-and-after showcases.

The Theme Comparison skill provides a specialized framework for creating professional visual comparisons within Claude. It automates the generation of dual-scene layouts (LEFT/RIGHT) using a 50:50 split structure to highlight improvements in density, efficiency, and performance. With built-in support for professional Korean typography (like Pretendard and Nanum Gothic) and a high-resolution 4K canvas configuration, it ensures that visual outputs are clear, well-typeset, and ready for production-grade presentations or marketing materials.

Key Features

01Professional Korean typography hints for Bold Modern Sans-serif styles.

02High-resolution 16:9 canvas configuration (3840x2160) for 4K clarity.

03Automated XML-tag mapping for scenes, text rendering, and typography.

04Dynamic color palette management with distinct tones for status differentiation.

059 GitHub stars

06Dual-scene split layout guidance (50:50) for side-by-side comparisons.

Use Cases

01Designing UI/UX improvement showcases with side-by-side comparisons.

02Generating professional marketing assets that highlight optimization results.

03Creating 'Before vs. After' product performance or efficiency visualizations.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add orientpine/honeypot theme-comparison

For use in Claude.ai and ChatGPT

Download Skill