skills.rest
muddyrain
muddyrainCOMMUNITY
Explore all skills by this author →
GitHub

image-text-studio

Coordinate text, highlights, styles, and templates for export-ready image-text cards.

1|Updated Feb 28, 2026
Search Tags:#image-text#visual-content#card-generation#web-editor#graphic-editor#layout-templates#preview-sync
One-click install
npx skills add https://github.com/muddyrain/valley-mas --skill image-text-studio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: image-text-studio
Source: https://github.com/muddyrain/valley-mas/tree/main/.codex/skills/image-text-studio
Command: npx skills add https://github.com/muddyrain/valley-mas --skill image-text-studio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the end-to-end workflow of creating, editing, previewing, exporting, and presenting image-text content, consolidating text, highlights, styles, templates, and card outputs into a cohesive workflow.

Core Features & Use Cases

  • End-to-end image-text workflow: manage per-page text, highlight ranges, and local text styles; apply templates for consistent layouts; ensure preview accuracy that matches final exports; support card-based visualizations and multi-page flows.
  • Real-world scenarios: creating blog-image posts, social graphics, and downloadable assets with consistent typography and layout across pages.
  • Use Case: imagine you are drafting a multi-page graphic article where each page has distinct text blocks, highlight sections, and a shared template to ensure visual coherence across the entire piece.

Quick Start

Open the image-text-studio editor and start a new project to edit text, highlights, and templates for a coordinated graphic post.

Frequently Asked Questions about image-text-studio

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

FAQPage Schema
What is the best way to create multi-page image-text content with consistent layouts?▼

Multi-page image-text content is streamlined by applying layout templates to coordinate per-page text blocks, highlight ranges, and local font sizing, ensuring visual coherence across graphic posts. This approach manages distinct text sections while maintaining consistent typography across the entire piece.

How do I ensure preview accuracy matches the final exported image-text cards?▼

Preview accuracy for image-text cards is maintained through a coordinated workflow that synchronizes the editor view with export-ready outputs. This guarantees that per-page text blocks, highlights, and styles render exactly as previewed during the final export phase.

Can I manage local font sizing and highlight ranges for individual pages in a graphic editor?▼

Yes, local font sizing and highlight ranges can be managed for individual pages within a graphic editor. This allows precise control over per-page text blocks, enabling customized typography and styling for each page while sharing a global template for layout consistency.

Does image-text-studio support exporting blog posts and social graphics without layout shifts?▼

Image-text-studio supports exporting blog posts and social graphics without layout shifts by retaining state and synchronizing preview with final outputs. Template-driven layouts ensure the exported card visualizations match the editing environment exactly.

What are the limitations of using template-driven layouts for multi-page image-text workflows?▼

Template-driven layouts for multi-page image-text workflows require strict adherence to predefined structural constraints to maintain visual coherence. While per-page text blocks and local styles offer flexibility, deviating from template boundaries may disrupt export consistency and preview accuracy across the multi-page flow.

Related Skills

Explore More Design & Creative Skills→
jiaiyanjiaiyan
8

n-highlight

Highlight text patterns with configurable case sensitivity and custom styles in Vue apps.

Community
Intermediate
mupengi-botmupengi-bot
11

content-recycler

Convert blog posts, threads, and video summaries into platform-optimized formats.

Community
Intermediate
hmzainjamilhmzainjamil
1

infographic

Plan infographic layouts and content structure with visual design specifications.

Community
Intermediate
AshesOfTheUndeadAshesOfTheUndead

social-card-image-led

Generate social media card layouts that prioritize visual content over text overlays.

Community
Intermediate