Skip to content
Development
Command

/create-widget

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

From plugin
rohitg00-claude-code-toolkit
2.5k199 skills138 agents199 commands
Install
$ npx -y skills add rohitg00/awesome-claude-code-toolkit --agent claude-code

How it fires

How this command gets triggered: by you, by Claude, or both.

  • Fires itselfClaude auto-loads it when your prompt matches the work.
  • You can call itInvoke it directly when you want it.
  • Slash command/create-widget

Context preview

What this command does when you run it.

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

Command definition

create-widget.md
name: create-widget
description: Create a Flutter widget with proper state management and Material/Cupertino design.

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.
Ships withrohitg00-claude-code-toolkit

The most comprehensive toolkit for Claude Code -- 135 agents, 35 curated skills (+400,000 via SkillKit), 42 commands, 176+ plugins, 20 hooks, 15 rules, 7 templates, 15 MCP configs, 26 companion apps, 53 ecosystem entries, and more.

Get the whole plugin