Menu
Agent workflow for learning JSALT and building .jsa apps with executable validation and AST checks.
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/javimosch/supercli --skill jsalt-quickstartThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Based on SOC occupation classification
Showing SKILL.md
| name | jsalt.quickstart |
| description | Agent workflow for learning JSALT and building .jsa apps with executable validation and AST checks. |
| tags | jsalt,jsa,frontend,ast,validation,agents |
Use this when you need to generate or edit JSALT (.jsa) apps with reliable syntax validation.
supercli plugins learn jsalt
npm install -g jsalt
supercli plugins install ./plugins/jsalt --json
supercli jsalt cli help
supercli plugins doctor jsalt --json
let key = value for reactive state.const x = computed(() => expr) for derived state.fn name = "handler code" for reusable handlers.watch key = "handler code" for side effects.on mount = "..." and on destroy = "..." for lifecycle.div#id.class { css: value } @click = "..." = "content".if = "${expr}" conditional render.show = "${expr}" visibility toggle.each = "${array}" loops (item, idx available).bind = "stateKey" two-way form binding.:attr = "..." dynamic attributes.html = "..." raw HTML when needed.transition = "fade" enter transition classes.supercli jsalt ast validate --path app.jsa
supercli jsalt ast json --path app.jsa
supercli jsalt ast tree --path app.jsa
supercli jsalt app.jsa --json
supercli jsalt examples --tree
Counter:
let count = 0
const doubled = computed(() => count * 2)
fn inc = "setState('count', getState('count') + 1)"
div
h1 = "Count: ${count}"
p = "Doubled: ${doubled}"
button @click = "inc()" = "+"
Todo list loop:
let items = []
let text = ""
fn add = "if(!getState('text')) return; setState('items', [...getState('items'), getState('text')]); setState('text', '')"
div
input bind = "text"
button @click = "add()" = "Add"
ul
li each = "${items}" = "${idx + 1}. ${item}"
.jsa using the syntax checklist.ast validate after each meaningful edit.ast json when tooling needs structural introspection.