> For the complete documentation index, see [llms.txt](https://roogame.gitbook.io/roogame/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://roogame.gitbook.io/roogame/ultimate-stats-framework/creating-your-attribute-system/quick-start.md).
# Quick Start
In this chapter, we will create a **Health Bar** as an example.\
In this example, the character and map are from Unreal Engine’s default **Third Person Template**.
#### Create a Designer
First, right-click in the **Content Browser**, then select **RooGame → Stat → Roo Stat Designer** to create a **Stat Designer** panel.
Double-click the file you just created to open it.
#### Set the Namespace
Then, locate the **Namespace** setting and enter a name for your project.
For a detailed explanation of this concept, click here.
In this example, we use **MyProject** as the namespace.
#### Configure Attributes
Add **HP** to the **Attribute** section and **MaxHP** to the **Stat** section.
For more information about **Attributes** and **Stats**, see **here**.
#### Add a Character
Create a **Friendly** category, then select the category you just created and add the **Player** character to it.
#### Configure Character Attributes
Set **HP.MaxStat** to **MaxHP** to use it as the maximum value for HP.
Then, set **MaxHP.Base** to **100** as the character's initial maximum health.
Click **Use** in the top-right corner to save your configuration.
#### Assign the Framework Data Asset
After clicking **Use** in the Stats Designer, open **Edit > Project Settings > Plugins > Ultimate Stats Framework**. Under **Global Data**, set **Default Framework Data** to the generated `DA_RGFData_*` asset.
#### Add the Ultimate Stats Framework Component
Add the Ultimate Stats Framework **Component** to your character.
Then, in the **Character** category on the right, locate **CharacterTag** and set it to the character tag we created earlier:
**MyProject.Character.Friendly.Player**
Each character corresponds to a unique gameplay tag.
The character’s **HP** and **MaxHP** are now fully configured. Next, we will display them in the UI.
#### Display Attributes in the UI
First, create a **Health Bar** widget.
#### Read Attributes and Stats
To read an attribute value, use **GetValueByTag** from the Ultimate Stats Framework **Component** and select the attribute tag you created earlier.
Each attribute you create has a corresponding gameplay tag. In this example, we use:
* **MyProject.Stats.Attribute.HP**
* **MyProject.Stats.Stats.MaxHP**
The return value is the current value of the selected attribute. At this point, both **HP** and **MaxHP** are **100**.
Next, pass the character’s Ultimate Stats Framework **Component** to the corresponding UI widget.
The UI can then use this component to read the attribute values and update the displayed values accordingly.
#### Modify Attribute Values
To modify an attribute value, use **ChangeAttributeValueByTag**, select the corresponding attribute tag, and pass in the amount you want to change.
For example, you can use this function to modify the character’s **HP** value.
