agentleFS
Sign inStart free
fullerzzfullerzz/agent-skills/skills/sketch/SKILL.md

sketch

Skill2 starsChanged 41 days agoMITView on GitHub

Render Mermaid diagrams as inline text with Sketch for chat responses and terminals. Use when the user asks for Sketch or diagrams displayed without an image viewer.

28 other projects use a version of this.

Adopted by

Most recently taken up by

Used with

Projects with it also use touchdesigner-mcp, ant and 10 more.

Other files people use alongside this one.

Files found in the same public projects as a version of this one, more often than they turn up anywhere else. Each project counts once, large collections count for less, and this file's own repository is left out.
  • john-data-chenSkill

    touchdesigner-mcp

    Control a running TouchDesigner instance via twozero MCP — create operators, set parameters, wire connections, execute Python, build real-time visuals. 36 native tools.

    Also in 7 projects that use this

  • bergsideSkill

    ant

    Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.

    Also in 3 projects that use this

  • bergsideSkill

    artistic

    High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.

    Also in 3 projects that use this

  • +9 more from bergside

The file

We split this skill into the rules it gives an agent

2 rules. 0 are common, 0 are distinctive, and 2 are very specific to this project.

  • 0

    Common

    Most of the 27 edited versions we read keep these.

  • 0

    Distinctive

    This author's own choices. Worth a look.

  • 2

    Very specific

    Tied to their project's names, files or tools. Probably skip.

  • Common
  • Distinctive
  • Very specific
  1. Very specific:

    Check sketch --help for the installed flags.

    line 13
  2. Very specific:

    Write Mermaid source for the relationships you need to explain.

    line 14

“Common” is measured: kept by at least 6 in 10 of the 27 edited versions of this file we could read. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.

Keep what fits and drop the rest. Your version, ready for your agents.
Files
SKILL.md

Sketch

Build the diagram in Mermaid, render it with Sketch, and display the captured text inline. Sketch's CLI exposes the box-drawing renderer from the Go package tuios.dev/sketch/text; do not write a Go wrapper just to obtain that output.

Render and display

  1. Check sketch --help for the installed flags. If unavailable, report the missing dependency. When installation is authorized, use mise use -g go:tuios.dev/sketch/cmd/sketch@latest (requires Go 1.25+) or the user's package manager.
  2. Write Mermaid source for the relationships you need to explain. Use a temporary .mmd file unless the user wants a saved artifact. Keep labels short and choose a diagram type that matches the information.

  3. Capture stdout with explicit text format, no ANSI color, and a bounded width:

    sketch diagram.mmd -f text -color never -cols 80

    Sketch defaults to SVG when stdout is captured or piped. Always use -f text for inline diagrams; sketch/text is a Go package, not a shell command or CLI subcommand. -color never keeps escape sequences out of the response.

    Standard input works too:

    sketch - -f text -color never -cols 80 <<'MERMAID'
flowchart LR
    A[Mermaid source] --> B[Sketch]
    B --> C[Inline diagram]
MERMAID
  4. Check the exit status and read the drawing. Confirm labels, arrow direction, branches, and loops match the source and the facts being explained. On parse or width errors, correct or simplify the source and rerun. Split a large diagram into focused views rather than truncating it. Do not silently omit relationships to make it fit.
  5. Put the actual captured output in a fenced text block in the response, preserving whitespace and Unicode characters. Add a short explanation of what it shows. Do not substitute Mermaid source, manually redraw the result, or claim a failed render succeeded. If output was truncated by the tool, capture it to a file and read the complete drawing before displaying it.

Existing Markdown and other outputs

sketch README.md -f text -color never -cols 80 renders its Mermaid blocks. Add -diagram 2 to select the second diagram; select a single diagram when surrounding blocks are irrelevant.

Inline text is the default for this skill. Use -o diagram.svg or -o diagram.png when the user requests an image export. Opening a Rex pane is optional and uses the installed rex skill; inline replies need no terminal integration, browser, TUIOS process, or graphics protocol.

Sources: Sketch library and CLI, Go text renderer.

Download now (ZIP)

Does it work?

Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.

No reviews yet

People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.

  • It worked
  • Partly
  • It didn't
What did you use it for? e.g. Reviewing pull requests in a Rails app

Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.

Your trail

Files you open will collect here, so you can find them again.

Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.

Now do this for your own.

Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

Check your setup, free