skills.rest
worm-13
worm-13COMMUNITY
Explore all skills by this author →
WebsiteGitHub

text-style-adjustment

Compose a base image with an optional text layer using a state.json configuration.

Updated Aug 27, 2026
Search Tags:#design#composition#color#font#overlay#text-layer#state-json
One-click install
npx skills add https://github.com/worm-13/pet-design-agent --skill text-style-adjustment
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: text-style-adjustment
Source: https://github.com/worm-13/pet-design-agent/tree/main/.cursor/skills/text-style-adjustment
Command: npx skills add https://github.com/worm-13/pet-design-agent --skill text-style-adjustment

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enables adding a textual overlay to images by composing a base layer with an optional text layer, while keeping the base unchanged.

Core Features & Use Cases

  • Non-destructive text overlay: base image remains read-only; a separate output is produced with the text layer when enabled.
  • Flexible text control: specify content, font, size, color, and position; supports enabling/disabling to omit text as needed.
  • Use Case: apply branding text to product designs or captions to marketing visuals without editing the original base image.

Quick Start

Run the text-style-adjustment script with a base image and a state.json or text config to generate a final image with an optional text layer.

Frequently Asked Questions about text-style-adjustment

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a text overlay to an image without modifying the original file?▼

Non-destructive text overlay is achieved by composing a base layer with an optional text layer, keeping the base image read-only while generating a separate output file with the text applied.

How do I configure text font, size, color, and position for an image composition?▼

You configure text font, size, color, and position by specifying these parameters in a state.json configuration file, which drives the text layer composition over the fixed base image.

Can I generate an image composition without any text layer?▼

Yes, you can generate an image composition without text by using the state.json configuration to disable the text layer, handling scenarios where text should be omitted entirely.

What is the best way to apply branding text to product designs programmatically?▼

Applying branding text programmatically is done by using a state.json configuration to specify content, font, size, color, and position, producing a new composited design output while preserving the original base.

Does this text layer composition workflow require a specific state.json file format?▼

Yes, the text layer composition workflow requires a state.json file to enable or disable text, and to specify the text content, font, size, color, and position for the output image composition.

Related Skills

Explore More Design & Creative Skills→
ben-mad-jlpben-mad-jlp

convert-to-structured

Convert active vibe sessions into structured workflows while preserving artifacts.

Community
Basic
laraxotlaraxot
26

bmad-wds-asset-generation

Generate visual and text assets from design specifications using AI algorithms.

Official
Advanced
OlatisunkanmiOlatisunkanmi
8

i-typeset

Assess typography and propose modular type scales with font pairings.

Community
Intermediate
SeanHoggSeanHogg
3

nano-banana-pro

Generate and edit images via the Gemini 3 Pro Image API.

Community
Intermediate