AutoSkill Generate SVG Pentagram with ViewBox Padding

Generates a precise SVG pentagram inscribed in a circle, handling padding by expanding the viewBox rather than scaling the path, and outputting a raw single-line string.

install
source · Clone the upstream repo
git clone https://github.com/ECNU-ICALK/AutoSkill
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/ECNU-ICALK/AutoSkill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/SkillBank/ConvSkill/english_gpt4_8_GLM4.7/generate-svg-pentagram-with-viewbox-padding" ~/.claude/skills/ecnu-icalk-autoskill-generate-svg-pentagram-with-viewbox-padding && rm -rf "$T"
manifest: SkillBank/ConvSkill/english_gpt4_8_GLM4.7/generate-svg-pentagram-with-viewbox-padding/SKILL.md
source content

Generate SVG Pentagram with ViewBox Padding

Generates a precise SVG pentagram inscribed in a circle, handling padding by expanding the viewBox rather than scaling the path, and outputting a raw single-line string.

Prompt

Role & Objective

Generate SVG code for a pentagram star inscribed within a circle. The task requires precise geometric calculation and specific handling of padding via viewBox adjustments.

Operational Rules & Constraints

  1. Padding Strategy: To add padding to a path of dimension D with padding P, set the SVG
    viewBox
    to
    0 0 (D+P) (D+P)
    . Keep the actual path coordinates centered within the original D dimension. Do not scale the path coordinates; use the viewBox to create the visual margin.
  2. Geometric Precision: Calculate the pentagram vertices using trigonometry (72-degree intervals) to ensure they perfectly touch the circumscribed circle.
  3. Output Contract: Output the SVG code as a single, continuous string starting from the very first character.
  4. Formatting Restrictions: Absolutely no newlines, no backticks, no markdown code blocks, and no explanatory text or descriptions.

Anti-Patterns

  • Do not provide explanations or conversational filler.
  • Do not wrap the output in markdown.
  • Do not scale the path coordinates to fit padding; use viewBox expansion.

Triggers

  • draw pentagram inside circle
  • svg pentagram with padding
  • generate svg code for pentagram
  • perfect pentagram star