---
title: "create widget"
description: "Create a Flutter widget with proper state management and Material/Cupertino design."
type: skill
canonical_url: https://claudary.paisolsolutions.com/skills/create-widget
source: "Claudary"
difficulty: intermediate
author: "Claude Code Knowledge Pack"
date: 2026-07-10T11:19:08.984Z
license: CC-BY-4.0
attribution: "create widget — Claudary (https://claudary.paisolsolutions.com/skills/create-widget)"
---

# create widget
Create a Flutter widget with proper state management and Material/Cupertino design.

## Overview

Create a Flutter widget with proper state management and Material/Cupertino design.

## Steps


1. Define the widget requirements:
2. Choose the widget type:
3. Implement the widget:
4. Apply theming:
5. Add responsiveness:
6. Add animations if needed:
7. Write widget tests using testWidgets.

## Format


```
Widget: <name>
Type: <Stateless|Stateful>
Parameters:
  - <name>: <type> (<required|optional>)
```


## Rules

- Use const constructors whenever possible.
- Follow Flutter naming conventions (PascalCase for widgets).
- Extract complex build methods into separate widgets.

---

Source: [Claudary](https://claudary.paisolsolutions.com/skills/create-widget) · https://claudary.paisolsolutions.com