Svg To Astro

Name: svg-to-astro
Author: claudeskills

This project automates the conversion of SVG files into reusable ...

Core Principle:
svg-to-astro is a Claude AI skill tool for converting SVG files into optimized Astro components. Key features include batch processing folders, automatic PascalCase component naming, creation of component index files, and generation of props compatible with the Lucide standard (such as size, color). It enhances icon reuse efficiency in Astro projects by cleaning up SVG code (merging paths, removing backgrounds).

KEY FEATURES

01Optimized Astro Components

Generates components with lucide-standard props like class, size, and color

02Batch Processing

Converts entire folders of SVG files to Astro components at once

03Auto Naming

Automatically converts filenames to PascalCase (e.g., user-icon.svg → UserIcon.astro)

04Index Generation

Creates index.astro for unified component exports

github.com/claudeskills/svg-to-astro

databases·claudeskills·2025-12-13·⭐ 0·🔱 0

Curated by agent-skills.cc

Installation

Download

HTTPS

git clone https://github.com/claudeskills/svg-to-astro.git

SSH

git clone [email protected]:claudeskills/svg-to-astro.git

GitHub CLI

gh repo clone claudeskills/svg-to-astro

FAQ

Q: What are the installation steps for Svg To Astro Agent Skills?

1.Download skill file: Obtain svg-to-astro.skill package

2.Upload to Claude: Import skill via Claude settings panel

3.Execute conversion command: Run command for file or folder conversion

4.Retrieve output: Generated .astro components and index in target directory

Q: What are the highlights of Svg To Astro Agent Skills?

100% lucide-compatible props ensure component consistency
Auto-generated index simplifies component import workflow
Merged SVG paths and removed backgrounds enhance code quality
Zero-config naming: automatic hyphen-to-PascalCase conversion

Q: What are the use cases for Svg To Astro Agent Skills?

Rapidly convert single SVG icons into reusable Astro components
Batch process icon folders for Astro project integration
Standardize icon component props across development teams
Clean SVG code and optimize icon asset management

Q: What are the limitations of Svg To Astro Agent Skills?

Requires Claude environment, limiting broader usage
No mention of support for complex SVG features (e.g., gradients)

Related Claude Code Skills

openclaw/openclaw

openclaw

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

157.6k24.4k

f/awesome-chatgpt-prompts

Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.

Validated by 140k users, used by Harvard professors - turn you into an AI conversation expert in 3 seconds

142.4k18.9k

x1xhlol/system-prompts-and-models-of-ai-tools

x1xhlol

FULL Augment Code, Claude Code, Cluely, CodeBuddy, Comet, Cursor, Devin AI, Junie, Kiro, Leap.new, Lovable, Manus, NotionAI, Orchids.app, Perplexity, Poke, Qoder, Replit, Same.dev, Trae, Traycer AI, VSCode Agent, Warp.dev, Windsurf, Xcode, Z.ai Code, Dia & v0. (And other Open Sourced) System Prompts, Internal Tools & AI Models

300k+ lines of real system prompts let you develop from the perspective of AI tool creators

108.4k28.4k

anthropics/skills

anthropics

Public repository for Agent Skills

Official skill repository ensures quality, ready-to-use solutions for 90% professional needs

56.7k5.5k

upstash/context7

upstash

Context7 MCP Server -- Up-to-date code documentation for LLMs and AI code editors

Solves the most frustrating problem in AI coding - outdated docs and hallucinated APIs

42.0k2.0k

CherryHQ/cherry-studio

CherryHQ

AI Agent + Coding Agent + 300+ assistants: agentic AI desktop with autonomous coding, intelligent automation, and unified access to frontier LLMs.

Integrates top AI services with document processing and coding features, offering commercial-grade experience for free

38.7k3.6k