@clankie/json-ui-render

Render structured chat UI in clankie via details.renderHint and details.uiSpec

Package details

← Back
extensionskill

Install @clankie/json-ui-render from npm and Pi will load the resources declared by the package manifest.

npm report
$ pi install npm:@clankie/json-ui-render
Package
@clankie/json-ui-render
Version
0.4.0
Published
Mar 11, 2026
Downloads
28/mo · 11/wk
Author
thiagovarela
License
MIT
Types
extension, skill
Size
14.7 KB
Dependencies
0 dependencies · 2 peers
Pi manifest JSON
{
  "extensions": [
    "./src/index.ts"
  ],
  "skills": [
    "./skills"
  ]
}

Security note

Pi packages can execute code and influence agent behavior. Review the source before installing third-party packages.

README

@clankie/json-ui-render

Render structured UI cards in clankie chats using details.uiSpec.

Note While some @clankie extensions may work with a bare pi installation, they are crafted to be used with clankie (built on top of pi).

This extension adds one tool:

  • render_json_ui — returns a valid details.uiSpec payload

You can either:

  1. Pass a full uiSpec directly, or
  2. Pass helper fields (title, text, items, rows, etc.) and let the extension build a fallback card layout.

Why use it

Use this when you want rich, structured output in the web UI instead of plain text formatting.

Package contents

Published files include:

  • src/
  • skills/
  • package.json
  • README.md