All skills
Skillintermediate

create widget

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

Claude Code Knowledge Pack7/10/2026

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.