Coding in Stellify

Everything you build in Stellify — PHP or JavaScript, written by you or an agent — lands in the same structure:

Files → Methods → Statements → Clauses

A file contains methods. A method contains statements (its lines). A statement contains clauses (its tokens). Every level has a stable identity, which is what makes the platform work the way it does:

• The editor opens one method at a time, selected from the navigation breadcrumb — not a scrolling text buffer
• Agents edit one statement at a time — "add a null check" adds a statement; nothing else in the file is touched
• The reuse system can reference a single method from the shared library into your project
• Exports assemble the structure back into ordinary PHP and Vue files, indistinguishable from hand-written code

You never manage this structure directly. You write code and it's parsed in; agents call tools and it's written in; either way it's the same data.

Where Each Kind of Work Happens

| You want to | Go to | |-------------|-------| | Write or edit PHP/JS by hand | Code Editor — method-level editing, autocomplete, in-editor execution | | Build or restyle UI | Interface Builder — live canvas, element tree, event wiring | | Scaffold a feature | Create Resources in the file dropdown, or prompt the agent — Model, Controller, Service, Migration in one step | | Reuse a proven implementation | Code Reuse — reference it from the shared library | | Bring in existing code | GitHub import, MCP import, or file upload | | Run and verify | Run button on any method; the test runner for test files; run_code/run_tests for agents |

Vue Components

A Vue file splits across the two views: its template is the element tree you edit in the Interface Builder, its script (imports, reactive state, functions) lives in the Code Editor as statements and methods, and styling is Tailwind classes set on the elements. One component, edited from whichever side fits the change.

Next Steps

• Code Editor - The editing model in detail
• Interface Builder - The visual side
• The MCP Server - The same operations, driven by agents