Authoring a new .tsrx file

SkillFiles & storage

Lets your agent write new Octane .tsrx component files, convert JSX, and add scoped styles and themes.

Use Authoring a new .tsrx file in Claude, ChatGPT or Ahel Desktop

Free. Sign in, add Authoring a new .tsrx file and connect your AI. About a minute.

Also: Claude Code · Cursor · Codex

Then ask your AI: use the Authoring a new .tsrx file skill

Details

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.

Authoring a new .tsrx fileStart free
About this skill

Write a new Octane component in .tsrx, convert JSX to .tsrx, or add scoped <style> blocks and themes. Use when creating a .tsrx file rather than editing one, because the path-scoped tsrx-authoring rule only fires once such a file is open.

What this skill tells your AI

The instructions your AI receives, as published by octanejs/octane in .agents/skills/authoring-tsrx/SKILL.md and read by ahel’s review.

Read .rulesync/rules/tsrx-authoring.md now. It is the full reference and the single home for this content: components and the @{ … } form, when a text hole needs {expr as string}, the native delegated event model, the @if/@for/ @switch/@try directive blocks, refs as props, scoped styles and themes (<style> scopes, $class class maps, apply), and the typing rules.

That file is a path-scoped rule, so it loads by itself once you open an existing .tsrx file. It does not fire when you are writing the first one, which is what this skill exists to cover.

Then read a nearby .tsrx file for house style before writing.

Signals

GitHub stars
1k
Forks
61
Last commit
Oct 2026
Advanced
Item type
skill
Key
authoring-tsrx
Source
github.com/octanejs/octane