Plugin Claude Code
Skills for reproducing Flutter UI from Figma designs with high fidelity, via a 5-phase orchestrated pipeline.
4 3mo ago A
tokens not measured
Plugin Claude Code
Standardizes Flutter UI reproduction from Figma designs. Provides a main orchestrator skill (5-phase workflow) and tool skills for token alignment, layout translation, asset handling, state scaffolding, and pixel-level visual verification.
4 3mo ago A
tokens not measured
Skill Claude CodeCodex
Exports image and icon assets from a Figma node into a Flutter project's assets/ directory, converting to WebP with @2x density preference, and automatically patches pubspec.yaml's flutter.assets section. Use when implementing UI from Figma and the design contains raster images, custom icons, or image fills that need…
4 3mo ago A 101 tokens
Skill Claude CodeCodex
Translates a Figma node's Auto Layout configuration into Flutter widget tree intent — choosing between Row / Column / Stack / Wrap, mapping main/cross axis alignment, distinguishing Figma padding (inside component) vs gap (between children), and flagging constraints that require LayoutBuilder. Use when converting a…
4 3mo ago A 116 tokens
Skill Claude CodeCodex
Scans a Figma file and a Flutter project, produces an 'align table' mapping Figma design tokens (colors, typography, spacing, radius, shadow, icons) to the project's ThemeData fields, plus a gaps list (tokens in Figma but not in the project) and a component reuse map (Figma component instances to existing project…
4 3mo ago A 120 tokens
Skill Claude CodeCodex
Runs a Flutter app via the Patrol integration test framework, captures a screenshot of a target page with native-layer stability (animation wait, font preload), pulls the corresponding Figma screenshot via MCP, computes a pixel-wise diff (overall difference rate + heatmap + region-level breakdown), and suggests likely…
4 3mo ago A 121 tokens
Skill Claude CodeCodex
Reads a Figma node's Prototype configuration (interactions, variants, Smart Animate, page transitions) and emits the corresponding Flutter animation code suggestions — mapping variant switches to AnimatedContainer/AnimatedSwitcher, Smart Animate to Hero/AnimatedPositioned, page-level transitions to PageRouteBuilder…
4 3mo ago A 101 tokens
Skill Claude CodeCodex
Before reading any phase reference, scan the user's invoking prompt for any of these trigger phrases (case-insensitive substring match). If ANY match is found, upgrade the mode to auto regardless of the explicit mode= argument. Announce the elevation: "Auto mode triggered by phrase: ' ' — will run end-to-end without…
4 3mo ago A 249 tokens
Skill Claude CodeCodex
Generates loading / empty / error / success state widgets plus mock data for a Flutter data-driven page. Adapts to the project's state management (detects provider / riverpod / bloc / none from pubspec.yaml) and produces a sealed-class state model, switch-based widget builder, and a mockdata.dart file with realistic…
4 3mo ago A 99 tokens
Skill Claude CodeCodex
Reads a gaps.md file produced by figma-flutter-align-table and writes the user-approved token gaps (colors, text styles, spacing, radius, shadows) into the Flutter project's lib/theme/ files. Handles ColorScheme extensions, TextTheme additions, and custom theme extensions via ThemeExtension. Use after the Phase 0…
4 3mo ago A 98 tokens
Skill Claude CodeCodex
Reviews a generated Flutter widget tree against a Figma node's layout intent, catching common misreads (Stack used where Row/Column would fit, Column + spaceBetween when a Spacer is better, SingleChildScrollView wrapping a ListView, etc.). Emits pass/fail verdict plus a list of specific issues with suggested fixes.…
4 3mo ago A 106 tokens