Agent skill
svg-logo-generator
Generate high-quality, minimalistic, and geometric SVG logos using Python scripts. Use this skill when users need to create logos, icons, or visual identities with geometric primitives (circles, rects, paths) and specific color schemes. Applies generative design principles with standardized workflows for scalable SVG output.
Install this agent skill to your Project
npx add-skill https://github.com/aiskillstore/marketplace/tree/main/skills/dwsy/svg-logo-generator
SKILL.md
SVG Logo Generator
Workflow
Before writing any code, follow these steps:
1. Design Analysis
- Analyze the user's request to determine key visual metaphors
- Decide on a color palette using Hex codes
- Plan geometric composition (primitives: circles, rects, paths)
2. SVG Configuration
- Define standard canvas size (e.g., 512x512)
- Always use
viewBoxfor scalability and responsiveness - Ensure correct XML namespace:
xmlns="http://www.w3.org/2000/svg"
3. Python Implementation
- Write self-contained Python scripts
- Constraint: Do NOT rely on external non-standard libraries (like
cairoorsvgwrite). Use standard string formatting orxml.etree.ElementTree - Separate styles (CSS within SVG or inline styles) from geometry
- Output/save file as
logo.svg
Code Structure
Follow this pattern:
import textwrap
def generate_logo():
# 1. Configuration
width, height = 512, 512
primary_color = "#YOUR_COLOR"
secondary_color = "#YOUR_COLOR"
# 2. SVG Header with ViewBox
svg_header = f'<svg viewBox="0 0 {width} {height}" xmlns="http://www.w3.org/2000/svg">'
# 3. Geometric Elements
# Use formatted strings for shapes (Circle, Rect, Path, Polygon)
shapes = f'<circle cx="{width/2}" cy="{height/2}" r="100" fill="{primary_color}" />'
# 4. Assembly & Output
svg_content = f"{svg_header}\n{shapes}\n</svg>"
with open("logo.svg", "w", encoding="utf-8") as f:
f.write(svg_content)
print(f"Logo generated: logo.svg")
if __name__ == "__main__":
generate_logo()
Key Principles
- Scalability: Always use
viewBoxinstead of fixedwidth/heightalone - Minimal dependencies: Use Python standard library only
- Separation of concerns: Define styles separately from geometry
- Geometric primitives: Focus on circles, rects, paths, polygons
- Color consistency: Use defined palette with Hex codes
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
perigon-backend
Perigon ASP.NET Core + EF Core + Aspire conventions
perigon-agent
Pointers for Copilot/agents to apply Perigon conventions
perigon-angular
Angular 21+ standalone/Material/signal conventions for Perigon WebApp
fastapi-mastery
Comprehensive FastAPI development skill covering REST API creation, routing, request/response handling, validation, authentication, database integration, middleware, and deployment. Use when working with FastAPI projects, building APIs, implementing CRUD operations, setting up authentication/authorization, integrating databases (SQL/NoSQL), adding middleware, handling WebSockets, or deploying FastAPI applications. Triggered by requests involving .py files with FastAPI code, API endpoint creation, Pydantic models, or FastAPI-specific features.
context7-efficient
Token-efficient library documentation fetcher using Context7 MCP with 86.8% token savings through intelligent shell pipeline filtering. Fetches code examples, API references, and best practices for JavaScript, Python, Go, Rust, and other libraries. Use when users ask about library documentation, need code examples, want API usage patterns, are learning a new framework, need syntax reference, or troubleshooting with library-specific information. Triggers include questions like "Show me React hooks", "How do I use Prisma", "What's the Next.js routing syntax", or any request for library/framework documentation.
browser-use
Browser automation using Playwright MCP. Navigate websites, fill forms, click elements, take screenshots, and extract data. Use when tasks require web browsing, form submission, web scraping, UI testing, or any browser interaction.
Didn't find tool you were looking for?