Slovník pojmů

SVG cleaner

Nástroj na pročistění kódu svg obrázků. Očistí SVG kód a nahradí barvy výplní za currentColor.

Do AI zadejte tento prompt:

## SVG → currentColor cleanup
Když ti dám SVG kód (nebo soubor), vyčisti ho do minimální formy pro použití v kódu:
1. **Odstraň:** XML deklaraci (`<?xml ...?>`), komentáře (`<!-- -->`), `<!DOCTYPE>`, celé bloky `<defs>`, `<style>`, `<title>`, `<desc>`, `<metadata>`
2. **Odstraň atributy:** `id`, `version`, `class`, `data-name`, `xml:space`, `style` (inline)
3. **Odstraň `xmlns:xlink`** pokud se v SVG nepoužívá `xlink:href`
4. **Nahraď všechny `fill="cokoliv"`** za `fill="currentColor"` (kromě `fill="none"` – to zachovej)
5. **Rozbal zbytečné `<g>` wrappery** bez atributů
6. **Zachovej vždy:** `xmlns`, `viewBox`, strukturu `<path>`, `<rect>`, `<circle>` atd.
### Cílový formát:
```xml
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59.6 78.3">
  <path fill="currentColor" d="M30.4,75.4h-1.1l..."/>
</svg>
```
### Pravidla:
- Výstup musí být validní SVG
- Žádné třídy, žádné styly, žádné komentáře
- Všechny tvary s výplní mají `fill="currentColor"`
- Čisté odsazení 2 mezery
- Pokud má SVG víc barev (víc tříd/fillů), všechny nahraď za `currentColor` – jde o monochromatické ikony

Co nástroj vykonává?

Prompt pro Claude Code slouží k automatickému čištění SVG exportovaného z grafických editorů jako Adobe Illustrator nebo Figma. Z kódu odstraní veškerý balast – XML deklaraci, komentáře generátoru, bloky <defs>, <style>, <title>, <desc>, <metadata>, nepotřebné atributy (id, version, class, data-name, style) a prázdné <g> wrappery. Všechny barvy výplní nahradí za fill="currentColor", přičemž fill="none" zachová. Výsledkem je minimální validní SVG obsahující pouze xmlns, viewBox a samotné grafické elementy.

Díky currentColor pak barvu ikony řídíš jednoduše přes CSS vlastnost color na rodičovském elementu, včetně hover stavů a dalších pseudotříd. Přístup je určen pro monochromatické ikony – pokud SVG obsahuje víc barev, všechny se sjednotí do jedné. Prompt vlož do CLAUDE.md v repozitáři nebo použij přímo v chatu s příkazem „vyčisti toto SVG:“ následovaným vloženým kódem.