ui-skills-flutter
CommunityApply Flutter UI constraints for robust interfaces.
Design & Creative#accessibility#state-management#flutter#design-system#dart#material3#ui-constraints
Authortaku-enginner
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Flutter UI code often lacks consistency, accessibility, and performance guarantees across components and screens. This skill provides a set of opinionated constraints to ensure UI code adheres to a cohesive design system and reliable behavior.
Core Features & Use Cases
- MUST use Material 3 defaults (ThemeData(useMaterial3: true)) unless tokens exist or are explicitly requested
- SHOULD use ColorScheme and semantic tokens over hardcoded colors
- MUST employ accessible widgets for focus management and add semantics to icon buttons
- SHOULD utilize build-time helpers for conditional styles and concentrate state management with riverpod for testability
- MUST respect SafeArea and MediaQuery for responsive layout and safe areas
Quick Start
Run the UI Skills workflow to enforce Flutter UI constraints on your codebase.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ui-skills-flutter Download link: https://github.com/taku-enginner/claude_skills/archive/main.zip#ui-skills-flutter Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.