# Coding agents

```sh
npx skills add apresmoi/glyphcss-diagrams
```

Select `glyphcss-diagrams` and your agent. Requires **Node.js 22+**. Start a new session after installing. [Native plugins and other installers](/coding-agents/install/).

> Use glyphcss-diagrams to draw a request flow: check the token, send valid requests to the API, and return 401 for invalid tokens.



```mermaid
flowchart LR; Request --> Token{Valid token?}; Token -->|yes| API; Token -->|no| Deny[Return 401]
```

```text
                                       no ┌────────────┐        
                                       ┌──▶ Return 401 │        
       ┌─────────┐  ╭────────────────╮ │  └────────────┘        
       │ Request │──▶ ◆ Valid token? ├─┤                        
       └─────────┘  ╰────────────────╯ │  ┌─────┐               
                                       └──▶ API │               
                                      yes └─────┘               
```



The agent replies with rendered text in a code block.

## Choose a skill

- **[glyphcss-diagrams](https://github.com/apresmoi/glyphcss-diagrams):** diagrams, sequences, git branches, and data charts in chat; renderers included.
- **[glyphcss](/skill.md):** 3D meshes and shapes through the CLI. Both skills can coexist; name the one you want.

## Render 3D with the CLI skill

| Request | Command |
| --- | --- |
| Cube | `glyphcss cube --auto-center` |
| Model preview | `glyphcss model.glb --auto-center` |
| Rotated torus | `glyphcss torus --rot-x 60 --rot-y 30 --auto-center` |
| HTML export | `glyphcss model.obj -f full -o out.html` |

[Install the 3D skill and CLI](/coding-agents/install/#3d-cli-skill). Inputs: `.obj`, `.glb`, `.gltf`, `.vox`, `.stl`, primitives, or polygon JSON. Terminals default to truecolor ANSI; pipes to plain text. Use `-f text` to disable color.

See [CLI options](/guides/compile/), [diagram examples](/diagrams/flowcharts/), [charts](/charts/bar/), or [troubleshooting](/coding-agents/install/#troubleshooting).