AI skill · jcomponent

Teach your AI to build jComponents

One skill with the workflow, rules, API reference and a reference component for jComponents, the UI components of the Total.js Platform that run in any web app. Add it to Claude, ChatGPT, Kimi or any other assistant, describe a component in plain words and get a working component.html, readme.md and a preview back.

Download skill (.zip, 38.91 KB) Single file (.md, 75.41 KB)

Add it to your AI

Updated

Claude

  1. Download the skill as a ZIP.
  2. In Claude open Settings → Capabilities → Skills and upload the ZIP.
  3. Ask for a component — Claude loads the skill on its own.

Claude Code

curl -fsSL https://componentator.com/skill.zip -o skill.zip && unzip -o skill.zip -d ~/.claude/skills && rm skill.zip

ChatGPT

  1. Download the skill as a single file.
  2. Attach it to a chat, or add it to the files of a Project or a custom GPT to keep it for good.
  3. Start with the prompt below.

Prompt

Follow the attached jComponent skill exactly and create a component: a modern radio button list according to the Apple UI guidelines.

Kimi & others

  1. No download needed if the assistant can browse the web: give it the link.
  2. Otherwise attach the single file to the chat.
  3. Coding agents with skills support: unzip the ZIP into their skills folder.

Prompt with a link

Read https://componentator.com/skill.md and follow it exactly. Then create a jComponent: a modern radio button list according to the Apple UI guidelines.

What's inside

Source on GitHub · refreshed every hour
  • SKILL.md Workflow, rules and checklist · 11.30 KB
  • AGENTS.md Guidance for coding agents · 3.14 KB · ZIP only
  • example/component.html Reference component · 8.48 KB
  • example/readme.md Reference readme · 1.50 KB
  • docs/api.md API of the library · 19.26 KB
  • docs/aicontext/component-development.md From a description to a component · 15.19 KB
  • docs/aicontext/ui-component.md Initialization in HTML · 3.75 KB
  • docs/aicontext/ui-bind.md Data binding · 4.55 KB
  • docs/aicontext/ui-import.md Dynamic imports · 4.84 KB
  • docs/aicontext/ui-plugin.md Scoped composition · 5.84 KB
  • tools/check.js Checker and preview maker · 9.68 KB · ZIP only
  • tools/convert.js Converter of classic components · 10.10 KB · ZIP only