Skip to content

About

Answers you can touch. A Claude Code skill that answers questions with small interactive pages instead of walls of text.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

4 Commits

Folders and files

Repository files navigation

superintelligent-ui

Answers you can touch. A skill for Claude Code that answers questions with small, interactive pages instead of walls of text.

Watch the 26-second film

Ask "how do tides work?" and you get a diagram you step through. Ask how many trays to seed for Saturday market and you get a calculator with the assumptions out in the open. Ask which plants survive a dark apartment with a cat and you get a grid you can filter. Ask for a bill splitter and you get the bill splitter. Ask a quick fact and you still get a sentence.

What it does

For each question, Claude picks the format that fits:

You ask You get
How does X work? A step-through explainer: a diagram that builds one cause at a time
Teach me X A labeled grid of the parts, with the one rule that ties them together
Plan my X A calculator with editable assumptions, plus a checklist you can tick off
Help me choose Filter chips over a live grid
What would X look like? A live preview you can recolor or reconfigure
Walk me through it A step card with progress, one instruction at a time
Compare these Side-by-side columns with the same rows
Make me a tool The working tool, with no essay around it
A quick fact A sentence

Every page follows the same shape: a one-to-three sentence answer first, a headline that states the takeaway, one interactive hero component, feedback when you change something, then supporting sections. Numbers you might want to change are editable on the page, and every formula is shown. Illustrations are labeled "Not to scale" or "Estimate" when they are.

Install

Claude Code (recommended). Inside Claude Code, run:

/plugin marketplace add levfo/superintelligent-ui
/plugin install superintelligent-ui@levfo

Then try:

/superintelligent-ui:superintelligent-ui how do tides actually work?

It also triggers on its own when you ask to be shown rather than told, or ask a how-does-it-work, plan-my, help-me-choose, or compare question. Updates arrive with /plugin update superintelligent-ui@levfo.

Manual install. Copy plugins/superintelligent-ui/skills/superintelligent-ui into ~/.claude/skills/ (on Windows, %USERPROFILE%\.claude\skills\) and restart Claude Code. It then runs as /superintelligent-ui.

claude.ai. Download superintelligent-ui.zip from the latest release, then go to Settings → Capabilities → Skills → Upload skill. Where Artifact pages aren't available, the skill falls back to structured markdown: a lead, a takeaway headline, tables, numbered steps, and diagrams.

What's inside

plugins/superintelligent-ui/
├── .claude-plugin/plugin.json      plugin manifest
└── skills/superintelligent-ui/
    ├── SKILL.md                    workflow, mode table, response anatomy, design rules
    ├── references/
    │   ├── components.md           ten components: when to use each, microcopy, how to build
    │   └── examples.md             ten worked examples, one per mode
    └── assets/
        └── template.html           a ready page: tokens, light and dark themes, phone layout,
                                    and working chips, steppers, step cards, checklists

The plugin is Markdown instructions and an HTML template. It has no hooks, MCP servers, scripts, or network calls of its own.

Privacy

The plugin collects, stores, and sends nothing. See PRIVACY.md.

License

MIT. See LICENSE.

About

Answers you can touch. A Claude Code skill that answers questions with small interactive pages instead of walls of text.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages