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.mdsource 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
- Padding Strategy: To add padding to a path of dimension D with padding P, set the SVG
toviewBox
. 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.0 0 (D+P) (D+P) - Geometric Precision: Calculate the pentagram vertices using trigonometry (72-degree intervals) to ensure they perfectly touch the circumscribed circle.
- Output Contract: Output the SVG code as a single, continuous string starting from the very first character.
- 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