Skip to main content

ops tech-stack

Generate tech stack visualization images for projects. Images are defined in .tech-stack.yaml config files at the project root and rendered as PNG diagrams showing the technologies in use.

Discover Available Logos First

Run ops tech-stack catalog to see all available technology logos before writing a .tech-stack.yaml config. Picking names from the catalog ensures every entry has a matching logo asset.

Subcommands

SubcommandDescription
generateGenerate a tech stack visualization image
initInitialize a .tech-stack.yaml config for a project
logosManage logo assets (download/list)
catalogList available technologies in the catalog

ops tech-stack catalog

List every technology available in the catalog, along with its logo asset status.

Browse the full technology catalog
Terminal
$ops tech-stack catalog

ops tech-stack init

Bootstrap a .tech-stack.yaml config file at the root of a project. Edit it to declare which technologies the project uses.

Create a starter .tech-stack.yaml in the target project
Terminal
$ops tech-stack init ~/projects/wdp-import

ops tech-stack generate

Render the .tech-stack.yaml config into a PNG diagram.

Produce a tech stack PNG for the project
Terminal
$ops tech-stack generate ~/projects/wdp-import

ops tech-stack logos

Manage logo assets used by the renderer. Use list to inspect what's already downloaded.

List downloaded logo assets
Terminal
$ops tech-stack logos list

Common Workflows

📚

Pick from Catalog

Start with ops tech-stack catalog — it's the source of truth for valid technology names.

🛠️

Bootstrap a Project

ops tech-stack init <path> scaffolds the YAML so you only need to fill in the list.

🖼️

Render the Image

ops tech-stack generate <path> reads the YAML and outputs a PNG you can drop into READMEs and docs.

🎯

Manage Logos

Use ops tech-stack logos list to confirm a logo exists before referencing it in your config.