svg-precision
Deterministic SVG generation, validation, and rendering. Use for icons, diagrams, charts, UI mockups, or technical drawings requiring structural correctness and cross-viewer compatibility.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Deterministic SVG generation, validation, and rendering. Use for icons, diagrams, charts, UI mockups, or technical drawings requiring structural correctness and cross-viewer compatibility.
How to use
Zainstaluj svg-precision jako umiejętność w swoim środowisku Claude/Copilot, korzystając z repozytorium https://github.com/dkyazzentwatwa/chatgpt-skills/tree/main/svg-precision-skill.
Przygotuj specyfikację JSON opisującą Twoją wizualizację. Użyj szablonów z pliku references/spec.md w repozytorium – określ typ SVG (ikona, diagram, wykres, UI, rysunek techniczny), wymiary canvas, viewBox oraz wszystkie elementy graficzne z konkretnymi współrzędnymi i parametrami.
Uruchom polecenie budowania: python scripts/svg_cli.py build spec.json out.svg – narzędzie przekonwertuje Twoją specyfikację JSON na gotowy plik SVG.
Zwaliduj wygenerowany SVG poleceniem: python scripts/svg_cli.py validate out.svg – sprawdzisz, czy struktura jest poprawna i zgodna ze standardami.
(Opcjonalnie) Wygeneruj podgląd PNG do szybkiej weryfikacji: python scripts/svg_cli.py render out.svg out.png --scale 2 – wymaga zainstalowania CairoSVG.
Jeśli żądanie użytkownika jest niejasne, najpierw zidentyfikuj typ SVG, wybierz odpowiedni szablon, uzupełnij konkretne liczby i wymiary, a następnie przejdź do kroku 3.