Stellify

You can use the Stellify MCP Server to drive AI-assisted development against Stellify projects. It exposes a set of tools via a local or remote client so AI copilots can create file structures, add methods, parse code into structured data, convert HTML to Stellify elements, search code, and assemble applications incrementally while keeping code in a structured JSON format for precise editing and refactoring.

How to use

You interact with the MCP server by connecting an MCP-compatible AI client, such as Claude Desktop, and issuing natural language tasks. Your AI agent translates your requests into tool calls that manipulate Stellify projects as structured data. You can perform actions like creating controller files, adding methods with type hints, converting HTML to Stellify elements, searching existing code, installing reusable code from the global library, and building apps through a conversational flow.

How to install

Prerequisites you need before starting are: Node.js 18 or higher, a Stellify account, and an MCP-compatible AI client such as Claude Desktop.

Install the MCP server globally with npm:

npm install -g @stellisoft/stellify-mcp

Configuration

Prepare your Stellify API token from your Stellify account and configure Claude Desktop to connect to the MCP server.

The MCP server is exposed to Claude Desktop through a locally configured MCP entry. Create or edit your Claude Desktop configuration to register the Stellify MCP server with the following settings (example):

{
  "mcpServers": {
    "stellify": {
      "command": "stellify-mcp",
      "env": {
        "STELLIFY_API_URL": "https://api.stellisoft.com/v1",
        "STELLIFY_API_TOKEN": "your-token-here"
      }
    }
  }
}

Usage notes

Once configured, you can start natural conversations to build apps. Common tasks include creating controllers and Vue components, adding method bodies, converting HTML to Stellify elements, and searching your codebase. The system will manage dependencies, wire imports, and create the necessary structured data for your project.

Additional examples of capabilities

• Create a new controller, add methods, and implement logic. - Convert HTML snippets into Stellify UI elements. - Convert code into structured JSON statements and manage dependencies automatically. - Search for specific files, methods, or routes across your project. - Install reusable global code into your tenant project.

Notes on workflows

Use the standard workflows to build against Stellify: start by locating a project directory, create files (controllers, models, Vue components), define methods, and then fill in method bodies. Convert HTML to Stellify elements when building user interfaces, wire events to methods, and finalize files with a save operation that binds all UUIDs together.

Available tools

get_project

Fetch the active Stellify project for the authenticated user, including project UUIDs and directory listing.

get_directory

Retrieve contents of a directory by UUID.

create_directory

Create a new directory to organize files within a project.

create_file

Create an empty file shell within a specified directory, preparing for subsequent statements and methods.

create_statement

Create an empty statement in a file or method as the first step for adding code.

add_statement_code

Add code to an existing statement to complete imports, variables, or declarations.

get_file

Retrieve a file by UUID with its metadata, methods, and statements.

save_file

Finalize a file by providing its details and wiring all related UUIDs.

search_files

Search for files by name or type across the project.

create_method

Create a method signature within a file without implementation.

add_method_body

Parse and insert code into a method body, breaking it into structured statements.

search_methods

Search for methods by name or within a specific file.

html_to_elements

Convert HTML to Stellify elements in a single operation, preserving structure and bindings.

get_route

Retrieve a route/page by UUID.

create_route

Create a new route or page with specified path and HTTP method.

update_element

Update a UI element's attributes and Stellify fields.

get_element_tree

Get a hierarchical tree of an element and all its descendants.

delete_element

Delete an element and its children in a cascade.

search_elements

Search for elements by name, type, or content with optional metadata.

list_globals

List all global reusable files available for installation.

install_global

Install a global file into a tenant project.

search_global_methods

Search for global or framework methods across the application library.

list_modules

List all available modules that group related global files.

get_module

Retrieve a module and all its files.

create_module

Create a new module to organize related global files.

add_file_to_module

Add a global file to a module in a specified order.

install_module

Install all files from a module into a tenant project.