Creates astro components form svg icons that can be managed with propos (color, size,...)
SaferSkills independently audited svg-to-astro (Agent Skill) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 0 flagged
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
Skill de Claude para convertir archivos SVG a componentes Astro con props compatibles con lucide.
svg-to-astro.skill.skillConvertir un SVG:
Convierte logo.svg a componente AstroProcesar carpeta:
Convierte todos los SVGs en /icons/ a componentes AstroLos componentes generados siguen el patrón de lucide:
---
interface Props {
class?: string; // Clase CSS
size?: number; // Default: 24
color?: string; // Default: "currentColor"
strokeWidth?: number; // Default: 2
}
------
import { Logo, UserIcon } from './components';
---
<Logo size={32} color="red" class="mi-icono" />
<UserIcon size={48} />Archivo único:
logo.svg → Logo.astroCarpeta (batch):
icons/
├── home.svg
├── user-icon.svg
components/
├── Home.astro
├── UserIcon.astro
└── index.astro # export { default as Home } from './Home.astro';| SVG | Componente |
|---|---|
| logo.svg | Logo.astro |
| user-icon.svg | UserIcon.astro |
| my_button.svg | MyButton.astro |
MIT License - Ver archivo LICENSE para detalles
Creado por Daniel Serrano para Griddo
~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.