> ## Documentation Index
> Fetch the complete documentation index at: https://docs.codenullapp.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Designing Features

> Use agents to design and configure application features and screens

Agents can help you design complete application features — forms, lists, dashboards, and more — using natural language. Describe what you need and the agent generates the configuration.

## Part 1: Creating features

<Frame>
  <iframe src="https://www.loom.com/embed/83a8cf1bbd7049089ff1a2ca99be6b43" frameBorder="0" allowFullScreen style={{ width: '100%', height: '400px' }} />
</Frame>

Start a conversation with the agent and describe the feature you want to build. For example:

* *"Create a feature that shows a list of customers with their name, email, and status, and lets me click to see the detail"*
* *"Build a form to register new employees with fields for name, department, and hire date"*

The agent will generate the feature configuration and let you preview it before applying.

## Part 2: Refining and updating features

<Frame>
  <iframe src="https://www.loom.com/embed/b475a9e6fef04cefa0da3951fb0cc7c0" frameBorder="0" allowFullScreen style={{ width: '100%', height: '400px' }} />
</Frame>

After the initial feature is created, you can ask the agent to refine it:

* *"Add a filter by status to the customer list"*
* *"Change the form layout to two columns"*
* *"Add a button that navigates to the order history of the selected customer"*

The agent understands the context of the existing feature and applies only the requested changes.

<Tip>
  Be specific about field names and data sources when prompting the agent. The closer your description matches your data model, the more accurate the generated feature will be.
</Tip>
