Assuming the checkout screen uses a theme-driven Flutter DLS with `VButton`, `VColors`, and `VSpacing`: ```dart VButton( label: 'Confirm', onPressed: _confirmCheckout, backgroundColor: VColors.error, foregroundColor: VColors.onError, textStyle: Theme.of(context).textTheme.labelLarge, // configured to 16px ) ``` Add it with tokenized spacing: ```dart Column( children: [ // Checkout content SizedBox(height: VSpacing.md), VButton( label: 'Confirm', onPressed: _confirmCheckout, backgroundColor: V...
Scanned 9/5/2026
Install to Claude Code
npx -y skills add HoangNguyen0403/agent-skills-standard --skill flutter-design-system --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Flutter Design System?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/hoangnguyen0403-flutter-design-system-agent-skills-standard)More formats (shields.io, HTML) on the badges page.
Assuming the checkout screen uses a theme-driven Flutter DLS with `VButton`, `VColors`, and `VSpacing`:
```dart
VButton(
label: 'Confirm',
onPressed: _confirmCheckout,
backgroundColor: VColors.error,
foregroundColor: VColors.onError,
textStyle: Theme.of(context).textTheme.labelLarge, // configured to 16px
)
```
Add it with tokenized spacing:
```dart
Column(
children: [
// Checkout content
SizedBox(height: VSpacing.md),
VButton(
label: 'Confirm',
onPressed: _confirmCheckout,
backgroundColor: VColors.error,
foregroundColor: VColors.onError,
textStyle: Theme.of(context).textTheme.labelLarge,
),
],
)
```
Configure the theme’s button typography to `16` rather than using an inline `TextStyle` or a magic number in the screen. If `VButton` is unavailable, use a themed `ElevatedButton` instead; avoid `Colors.red`, raw spacing values, and unstyled `ElevatedButton` defaults.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!