Pages and contents

Docs
Skills
Subagents
Lessons (pitfalls)
Research

Docs · docs/practice/share-badge.md · Markdown

Made with cad-agent

Give your project a little credit trail. Add this badge to a README, project page or gallery when cad-agent helped you build it.

Made with cad-agent

The 248 × 56 badge stays sharp at any size. Its crystal, instrument ring and circuit traces move; the lettering stays readable.

Show our badge

Markdown. This always-still version works anywhere Markdown images work:

[![Made with cad-agent](https://raw.githubusercontent.com/Valpatel/cad-agent/main/docs/img/hero/made-with-cad-agent-still.svg)](https://github.com/Valpatel/cad-agent)

GitHub or your website. This version animates and selects a complete still when the reader requests reduced motion:

<a href="https://github.com/Valpatel/cad-agent">
  <picture>
    <source media="(prefers-reduced-motion: reduce)"
      srcset="https://raw.githubusercontent.com/Valpatel/cad-agent/main/docs/img/hero/made-with-cad-agent-still.svg">
    <img src="https://raw.githubusercontent.com/Valpatel/cad-agent/main/docs/img/hero/made-with-cad-agent.svg"
      alt="Made with cad-agent" width="248" height="56">
  </picture>
</a>

You can also download the animated SVG and the still SVG and host both with your project. Use max-width: 100%; height: auto in your site's image styles for containers narrower than the badge. To keep a particular edition, replace main in the image URLs with that release's tag or commit.

Artwork and regeneration

The emblem reinterprets Valpatel's existing violet crystal and blue V in newly drawn vector geometry. The chamfered lettering is original path artwork. There are no bitmap images, external fonts, scripts or remote resources inside either SVG.

Both variants come from tools/anim/made_with_badge.py, using the toolkit's existing SVG writer and embed checks:

PYTHONPATH=software python3 tools/anim/made_with_badge.py
PYTHONPATH=software python3 tools/anim/made_with_badge.py --check

The still has the same geometry and unconditional motion disablement. A picture chooses it in the containing page, including browsers that do not forward their motion preference into an SVG image. The artwork follows this repository's MIT license.

Contribute · Explore examples · Animated figures