circle-text-skill

Render text along a circular path with per-character spacing and orientation.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/worm-13/pet-design-agent --skill circle-text-skill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: circle-text-skill
Source: https://github.com/worm-13/pet-design-agent/tree/main/.cursor/skills/circle-text-skill
Command: npx skills add https://github.com/worm-13/pet-design-agent --skill circle-text-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

CircleText Skill renders and lays out text along a circular path with precise control over spacing, rotation, and multilingual support, enabling designers to create circular typography efficiently.

Core Features & Use Cases

  • Precise circular layout for logos, badges, and decorative typography
  • Adjustable radius, center, start angle, and orientation (inward/outward)
  • Per-character spacing and language support for Chinese, Korean, Japanese, etc.
  • Rendering with anti-aliasing and transparent composition
  • Easy integration with existing design pipelines for branding assets

Quick Start

Provide a canvas configuration and a list of phrases to render around the circle, then call the render function to produce the circular text image.

Frequently Asked Questions about circle-text-skill

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

FAQPage Schema
How do I render text along a circular path for a logo badge?

To render text along a circular path, you provide a canvas configuration and a list of phrases to the Skill, which outputs a precisely spaced circular text image suitable for logo badges and decorative typography.

Can I adjust per-character spacing and orientation for circular typography?

Yes, circular typography supports adjustable radius, center, start angle, and per-character tracking, allowing you to set text orientation inward or outward along the rendered path.

Does circular text rendering support multilingual fonts like Chinese and Japanese?

Circular text rendering supports multilingual fonts, including Chinese, Korean, and Japanese, ensuring per-character spacing and orientation are maintained across different language scripts.

What is the best way to integrate circular text into existing branding design pipelines?

The best way to integrate circular text into branding pipelines is to call the render function with your canvas configuration and phrases, producing high-quality antialiased images with transparent composition.

Why does my circular text layout have jagged edges instead of smooth curves?

Circular text layouts appear jagged without proper anti-aliasing, which this rendering engine applies by default to ensure high-quality, smooth typographic edges on transparent backgrounds.