jxsuite

Jx — Design skill for Claude Code

Design community

Author a Jx project component, page, layout, or project configuration based on the user's request: $ARGUMENTS.

How to install Jx

Installs to ~/.claude/commands/jxsuite-jx-jx.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/jxsuite/jx/HEAD/.claude/commands/jx.md -o ~/.claude/commands/jxsuite-jx-jx.md

Restart Claude Code, or start a new session, for it to be picked up.

What Jx does

Author a Jx project component, page, layout, or project configuration based on the user's request: $ARGUMENTS

You are authoring files for the Jx platform — a declarative, JSON-based web framework. All UI is described as JSON documents that map directly to DOM structure. Reactivity is powered by @vue/reactivity.

Three Schemas

Every Jx file validates against one of three JSON Schema 2020-12 documents:

Component/Page/Layout ($schema: "https://jxsuite.com/schema/v1") — UI docume

Alternatives in Design

Algorithmic Art — Create generative art using p5.js with seeded randomness, flow fields, and particle systems 94.1k ★
Remix — Restyle a site in another design vocabulary — brutalist, swiss, art-deco, cyberpunk, soft-ui, or editorial 3.6k ★
Design UI UX — Design UI/UX systems with style guides, palettes, typography, and component specs 2.8k ★