Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add OpenAEC-Foundation/OpenAEC-Workspace-Composer --skill solid-syntax-jsxgit clone --depth 1 https://github.com/OpenAEC-Foundation/OpenAEC-Workspace-ComposerWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/openaec-foundation/openaec-workspace-composer/solid-syntax-jsx)<a href="https://agentmods.dev/skills/openaec-foundation/openaec-workspace-composer/solid-syntax-jsx"><img src="https://agentmods.dev/badge/skills/openaec-foundation/openaec-workspace-composer/solid-syntax-jsx.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00102 | $0.02685 |
| Opus 5 | $0.00051 | $0.01342 |
| Sonnet 5 | $0.00020 | $0.00537 |
| Haiku 4.5 | $0.00010 | $0.00268 |
Grade A, and why
solid-syntax-jsx scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 7d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 320 lines — stays where its author put it; the contents beside it link to each section on GitHub.
solid-syntax-jsx
Quick Reference
JSX Compilation Model
SolidJS compiles JSX to direct DOM creation calls -- there is NO virtual DOM. Components execute once during initialization. Dynamic expressions in {} are automatically wrapped in reactive effects that perform surgical DOM updates.
React: JSX → createElement() → Virtual DOM → Diff → DOM patches
SolidJS: JSX → Compiled DOM creation → Direct DOM nodes + reactive effects
Control Flow Component Quick Reference
| Component | Import | Purpose | Key Props |
|---|---|---|---|
<Show> |
solid-js |
Conditional rendering | when, fallback, keyed |
<For> |
solid-js |
List rendering (objects) | each, fallback |
<Index> |
solid-js |
List rendering (primitives) | each, fallback |
<Switch>/<Match> |
solid-js |
Multi-branch conditionals | fallback / when |
<Dynamic> |
solid-js/web |
Dynamic component/element | component |
<Portal> |
solid-js/web |
Render outside DOM tree | mount, useShadow, isSVG |
<Suspense> |
solid-js |
Async resource loading | fallback |
Namespaced Attribute Prefixes
| Prefix | Purpose | Example |
|---|---|---|
attr: |
Force HTML attribute (vs property) | <div attr:data-id={id} /> |
prop: |
Set DOM property directly | <input prop:value={val} /> |
class: |
Toggle individual CSS class | <div class:active={isActive()} /> |
on: |
Native event listener (non-delegated) | <div on:scroll={handler} /> |
use: |
Custom directive | <div use:myDirective={value} /> |
bool: |
Boolean HTML attribute | <div bool:disabled={isDisabled()} /> |
@once |
One-time binding (no reactivity) | <div textContent={@once val} /> |
For vs Index Decision Table
| Scenario | Use | Why |
|---|---|---|
| Array of objects, items reorder | <For> |
Keyed by reference -- DOM nodes move with items |
| Array of primitives (strings, numbers) | <Index> |
Keyed by index -- values update in place |
| Form inputs where position matters | <Index> |
Stable index means stable DOM position |
| List where items are added/removed/moved | <For> |
Reference tracking avoids recreation |
What ships with it
3 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 7d ago First seen · 320 lines · 102 tokens per session scan A 22272c134020
solid-syntax-jsx is a skill published in the GitHub repository OpenAEC-Foundation/OpenAEC-Workspace-Composer (5 stars, last pushed 5mo ago), licensed MIT. It adds 102 tokens to every session and 2,685 once invoked, about $0.0005 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
massing-bim
Drive a Massing BIM/AEC project from an AI agent over MCP — read a project's status, records, CDE, KPI and model-quality checks; run standards-compliance, schedule-risk, embodied-carbon, permit- readiness and drawing-QA analyses; author the IFC model with GUID-stable recipes; and draft RFIs. Use when the user asks to…
ara3d-sdk
Use when processing AEC/BIM 3D data in .NET 8 — mesh generation and transformation, SIMD-accelerated math, IFC/STEP/PLY to glTF/GLB/VIM conversion, plugin development. Ara3D-SDK: high-performance .NET 3D geometry and BIM library suite.
elements
Use when generating building information models (BIM) programmatically in C#/.NET — wall, beam, column, floor creation, geometry kernel (BREP/CSG), glTF/IFC/JSON serialization, MEP systems, spatial grids. Hypar Elements: the smallest useful BIM — a cross-platform C# library for creating building elements without…
3d-skills
Use when working with 3D Gaussian Splatting (3DGS), .ply model cleanup/compression/publishing, interactive 360-degree panorama visualization and virtual tours, AEC/BIM 3D data processing, or CSG solid modeling. Index of 5 skills: SuperSplat, Photo-Sphere-Viewer, Ara3D-SDK, Elements, and OpenCSG.NET.
aios-arch
A workflow for reviewing software architecture, including service boundaries, technical choices, data and model boundaries, AI workflows, reliability, and long-term complexity.
aios-product
A product-management workflow for turning an approved direction into a defined software version with a product brief, priorities, acceptance measures, pilot or user-acceptance testing, and handover details.