skills.rest
sonhaicoder
sonhaicoderCOMMUNITY
Explore all skills by this author →
GitHub

lme-flutter

Compose Flutter UIs using lme_ui components and tokens.

Updated May 5, 2026
Search Tags:#automation#patterns#tokens#flutter#design-system#ui-components#lme_ui
One-click install
npx skills add https://github.com/sonhaicoder/haiclaudeskill --skill lme-flutter
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: lme-flutter
Source: https://github.com/sonhaicoder/haiclaudeskill/tree/main/skills/lme-flutter
Command: npx skills add https://github.com/sonhaicoder/haiclaudeskill --skill lme-flutter

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Builds Flutter UIs by reusing the lme_ui design system to ensure consistent styling and component usage across projects, avoiding ad-hoc UI code.

Core Features & Use Cases

  • Auto-trigger when a Flutter project includes the lme_ui dependency and imports package:lme_ui/lme_ui.dart
  • Compose UI by leveraging Lme components and tokens (LmeColors/LmeTypography/LmeSpacing/LmeRadius) instead of hand-written widgets
  • Use LmeIcons instead of Material Icons to maintain visual consistency
  • Follow a Figma-to-LME workflow: parse patterns, match, and compose components rather than building from scratch

Quick Start

Ensure your Flutter project includes the lme_ui dependency and compose your screen using Lme components and tokens, following the LME workflow to parse patterns and apply tokens.

Frequently Asked Questions about lme-flutter

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I maintain consistent Flutter UI styling using design tokens?▼

To maintain consistent Flutter UI styling, this Skill automates screen composition using the lme_ui design system, enforcing token-based styling for colors, typography, spacing, and radii instead of hand-written widgets. This ensures reusable UI patterns across apps.

How do I convert Figma designs to Flutter UI components?▼

To convert Figma designs to Flutter UI components, this Skill follows a Figma-to-LME workflow that parses design references, matches patterns, and composes screens with Lme components and tokens rather than building widgets from scratch.

Does this Flutter UI automation require the lme_ui dependency?▼

Yes, this Flutter UI automation requires the lme_ui dependency. It auto-triggers when a Flutter project includes package:lme_ui/lme_ui.dart imports to target projects that depend on the lme_ui design system.

Why does my Flutter design system prohibit Material Icons?▼

A Flutter design system prohibits Material Icons to maintain visual consistency. This Skill enforces the use of LmeIcons instead of Material Icons, ensuring all iconography adheres strictly to the lme_ui design system standards.

What is the best way to avoid ad-hoc Flutter UI code?▼

The best way to avoid ad-hoc Flutter UI code is leveraging the lme_ui design system. This Skill composes UI by reusing Lme components and tokens, enforcing a structured Figma-to-LME workflow rather than building from scratch.

Related Skills

Explore More Software Engineering Skills→
AdhamHashimAdhamHashim
1

design-tokens

Map Figma design values to Flutter token classes in Flutter_Base.

Community
Intermediate
Yemomo511Yemomo511
2

flutter-add-widget-preview

Add interactive Flutter widget previews using the previews.dart system.

Community
Intermediate
happycapy-aihappycapy-ai
137

create-design-system-rules

Generate design system rules from codebase analysis and Figma MCP tools.

Community
Advanced
VGonPaVGonPa
2

building-flutter-widgets

Guide Flutter widget composition with Material Design 3 and responsive layouts.

Community
Intermediate