Coding agents

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.

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

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

Code

import { renderGlyphDiagram } from "@glyphcss/diagrams";

const { text } = await renderGlyphDiagram(`
flowchart LR; Request --> Token{Valid token?}; Token -->|yes| API; Token -->|no| Deny[Return 401]
`, {
  target: "chat",
  color: "none",
  width: 64,
  height: 12
});
console.log(text);

The agent replies with rendered text in a code block.

Choose a skill

• glyphcss-diagrams: diagrams, sequences, git branches, and data charts in chat; renderers included.
• glyphcss: 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. 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, diagram examples, charts, or troubleshooting.