メニュー
Deterministic SVG generation, validation, and rendering. Use for icons, diagrams, charts, UI mockups, or technical drawings requiring structural correctness and cross-viewer compatibility.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SOC 職業分類に基づく
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/k97/dock-tile --skill svg-precisionコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
Smooth CSS custom property transitions between light/dark themes using @property registration. Use when: (1) theme toggle feels instant despite transition rules, (2) CSS custom properties (--background, --foreground, etc.) won't animate, (3) need smooth color transitions on :root variables. Covers @property syntax registration, Tailwind dark: hydration-safe patterns, and macOS-accurate glassmorphism values.
Create notarized macOS app releases with Sparkle auto-updates, DMG installers, and GitHub releases. Use when releasing macOS apps, creating DMG files, notarizing apps, or setting up Sparkle updates. Handles version updates, code signing, notarization, and distribution.
Full SEO + GEO + Fix workflow for web projects. Runs in three sequential phases: (1) technical SEO audit — verifiable bugs grouped by severity, including redirect-loop and canonical-host integrity checks (static + live redirect-chain trace); (2) GEO review — AI citation readiness, schema completeness, entity recognition; (3) implementation — applies all findings directly in the codebase with batched commits. Use when the user says "SEO audit", "GEO review", "AI search optimisation", "not being cited by AI", "fix SEO issues", "improve schema", "technical SEO", "not ranking", "redirect loop", "too many redirects", "www vs apex", "canonical host", or "apply SEO fixes". Supports scoped runs via flags appended to the invocation: --audit (Phase 1 only), --geo (Phase 2 only), --fix (Phase 3 only, requires reports in context), --full (all three phases, default).
| name | svg-precision |
| description | Deterministic SVG generation, validation, and rendering. Use for icons, diagrams, charts, UI mockups, or technical drawings requiring structural correctness and cross-viewer compatibility. |
| source | https://github.com/dkyazzentwatwa/chatgpt-skills/tree/main/svg-precision-skill |
Generate structurally correct SVGs from a strict JSON spec (scene graph), then validate and optionally render a PNG preview.
references/spec.md).python scripts/svg_cli.py build spec.json out.svgpython scripts/svg_cli.py validate out.svgpython scripts/svg_cli.py render out.svg out.png --scale 2canvas.viewBox and explicit canvas.width/canvas.height.defs (markers, gradients, clipPaths) and reference by id.python scripts/svg_cli.py build <spec.json> <out.svg>python scripts/svg_cli.py validate <svg>python scripts/svg_cli.py render <svg> <out.png> [--scale N]python scripts/svg_cli.py diff <a.svg> <b.svg> <diff.png> [--scale N] (renders + image-diffs)from svg_skill import build_svg, validate_svg
svg_text = build_svg(spec_dict)
report = validate_svg(svg_text)
references/spec.md and fill in concrete numbers.references/spec.md - schema + ready-to-copy templates per SVG typereferences/recipes.md - layout and styling patterns that render consistently