claudecodex

flutter-design-fidelity

Keeps Flutter implementation matching the design. Enforces design tokens over hardcoded values, translates Figma Auto Layout into Row and Column rather than Stack, runs a screenshot diff loop instead of accepting the first render, and freezes the result in golden tests.

29 on GitHubby Mohamed Drazv3.0.0MITupdated 13 days agodesign
/

Plugin flutter-design-fidelity from marketplace flutter-craft-skills in draz26648/flutter_craft_skills. Commands read from the repo's manifest — 12 days ago.

What it installs

Skills (4)

  • design-tokens

    Resolve Flutter visual values through the project’s existing theme, constants, or token extension. Honor projects with no token layer.

  • figma-to-widget

    Implement Flutter UI from a Figma frame or supplied design image, preserving layout intent and reusing project components. Not for unrelated mentions of Figma.

  • golden-tests

    Add or review Flutter visual regression tests for stable, significant UI states; investigate golden mismatches. Do not add goldens for every small widget edit.

  • visual-verification

    Capture and compare Flutter UI against a supplied reference after substantial visual changes or an explicit fidelity check. Report missing capture inputs honestly.

View source on GitHub

More from draz26648/flutter_craft_skills

All 2 plugins →

Flutter architecture and quality conventions, adapted to your stack through a project profile. Layering with a pure Dart domain, state rules for Bloc, Cubit and Riverpod, responsive layout, accessibility and RTL requirements that design files never specify, performance rules, and a read-only pre-commit review gate.

8 skills

29

Similar plugins

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification

1 command · 6 agents

anthropics/claude-code 155,476

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

Maintain flutter-design-fidelity?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins2 plugins