Can I modify the layout in the JSON?

Absolutely. You can modify coordinates, colors, font sizes, and decorative elements within the JSON to refine the layout before generation.

Is the output always identical to the reference?

The skill aims to maintain the style and layout, but due to the nature of AI generation, some variations may occur. You can re-run the command for different results.

Does it support Japanese text rendering?

Yes, it is specifically optimized for Japanese marketing LP headers and handles multi-layered Japanese text layouts.

What are the technical prerequisites?

This skill requires 'nanobanana-pro' to be installed in your skills directory and Google authentication to be configured via the auth manager.

Do I need a reference image to start?

Yes, the skill is designed to analyze a reference image's style and convert it into a JSON specification for modification.

LP Design Style Cloner

Name: LP Design Style Cloner
Author: taiyousan15

bytaiyousan15

Design Tools

Generates landing page images that maintain a specific design style while allowing for text-only modifications via JSON specifications.

About

The LP JSON Generator is a specialized tool for marketers and developers to iterate on landing page visuals without losing design consistency. By converting existing design patterns into a structured JSON format, users can precisely swap out headings, CTA text, and body copy while preserving the layout, color palette, and visual aesthetic of a reference image. It bridges the gap between reference analysis and generation, leveraging the NanoBanana Pro engine to produce high-quality marketing headers with controlled placement and styling.

Key Features

Image-to-JSON design extraction for style preservation
Structured layout control via customizable JSON templates
Precise text replacement for Japanese marketing LPs
Support for complex CSS-like styling including gradients and brush strokes
0 GitHub stars
Seamless integration with NanoBanana Pro image generation workflows

Use Cases

Updating existing LP banners with new campaign offers while keeping the brand look
Adapting a successful design style for a completely different product niche
A/B testing different headlines on the same visual design template

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add taiyousan15/taisun_agent lp-json-generator

For use in Claude.ai and ChatGPT

Download Skill

GitHub