Json Canvas
ListedDynamically generates JSON canvas configurations from natural language prompts, enabling flexible UI creation via freestylefly's backend.
Install on your platform
Showing Claude Code. One command installs this skill into any of the agents below.
- 1
Run this in your project
terminal$ npx skills add freestylefly/canghe-skills --skill json-canvas -a claude-code Uses the open-source
skillsCLI and needs Node.js. Add-gto install it for your user instead of this project.
What we know about this skill
Publisher
freestylefly
Taken from the source listing. We haven't verified who controls this account.
Install target
Live repository
Not pinned. Installing fetches whatever the repository holds at the time you run the command.
Automated safety checks
This skill failed 1 of 6 checks. A failure is not proof of bad intent; it means something in the code needs a human to look at it before you run it.
Declares what it does: failed
No SKILL.md was found in the skill's directory.
SKILL.md exists, its frontmatter parses, and it declares a name and a description.
No undeclared network calls: passed
Makes no network calls.
Every host the skill dials — from its scripts, its config endpoints or the commands it tells the agent to run — is either well-known package and API infrastructure or declared in its own frontmatter. Links in documentation are not counted.
No obfuscated payloads: passed
No encoded or obfuscated payloads.
No base64, hex or compressed blob is decoded and then executed, and no encoded shell commands.
No credential access: passed
Reads no keys, tokens, keychains or credential files.
Neither the code nor the SKILL.md instructions read SSH keys, cloud credentials, keychains, token stores, browser cookie databases or dotfiles that hold secrets.
No pipe-to-shell installers: passed
No pipe-to-shell or download-and-run installers.
No `curl … | sh` pattern, in the code or in the instructions, that runs code fetched at run time.
Pinned to a commit: passed
Scanned freestylefly/canghe-skills at dd0bf35595.
The exact upstream commit SHA that was scanned is recorded, so the result refers to specific bytes.
- Commit
- dd0bf35595
- Manifest
- skills/json-canvas/SKILL.md
- Scanned
- 0 files
About this skill
What it does
The freestylefly-json-canvas skill allows AI agents to generate and manipulate JSON data structures visually using a canvas. It provides tools to create, edit, and rearrange JSON objects and arrays in an interactive graphical environment. This can be useful for complex data transformations or when visual representation aids understanding.
When to use it
- Data Transformation: When needing to restructure or modify complex JSON data formats.
- Schema Design: For visually designing and prototyping new JSON schemas.
- Debugging: To inspect and understand the structure of large JSON files in a more intuitive way.
- Interactive Editing: When users need to directly manipulate JSON structures through a visual interface.
Key capabilities
- Visual JSON editing
- Creation of JSON objects and arrays
- Manipulation of JSON data structures on a canvas
- Interactive rearrangement of elements
Example prompts
- "Create a JSON object representing a book with title, author, and publication year."
- "Visualize this JSON data as a canvas: [insert JSON data here]"
- "Add a new field 'genre' to the book object on the canvas."
Tips & gotchas
The skill requires an understanding of basic JSON syntax. While visual, users should still be familiar with JSON structure to effectively utilize its capabilities.