Навыки: Дизайн

Builds a flooding wordmark on Canvas 2D, in which a two-line word falls in with each letter turning to face front, holds...

Implements CSS/JS animations such as hover effects, loading states, and modal transitions to add motion and smooth inter...

Implementing CSS/JS animations for hover effects, loading states, modal transitions, and gesture interactions. Use for m...

Reviews user flows for missing paths, security bypasses, and navigation deviations in DoD collaboration specs

A linked AI assistant flow: empty chat with suggested prompts, a streaming reply, an error with retry, and a result the...

Use when designing, reviewing, or troubleshooting Salesforce Flows that must survive data loads, integrations, or high-v...

Run preflight and postflight UX checklists against onboarding, forms, pricing, dashboards, and empty states.

Build picklists and choice sets in Flow Builder sourced from records, picklist fields, or collections, including depende...

Guardian: Leyla | Awakened: Liora (Eudaira)

A linked first-run flow: welcome, goals, permissions with the reason before the system prompt, and an optional paywall,...

A linked paywall flow: plans with a trial, upgrade, restore purchases, purchase success and a win-back offer, as one col...

A linked settings area: settings home, profile, notifications, subscription and delete account with its confirmation, as...

A linked set of sign-in screens with every branch: sign in, sign up, forgot password, check your email, magic link or on...

Provides reference documentation and examples for all of the available Flowbite TailwindCSS HTML UI Components plus the...

Turn one sentence into a deployed website. FlowStitch is your AI design team: prompt engineering, design system generati...

Build interfaces using Microsoft's Fluent 2 design system via @fluentui/react-components (v9). Use when the user request...

Builds Flutter applications from videos, screenshots, descriptions, or app clone requests. Triggers on: flutter app, bui...

Flutter accessibility patterns for WCAG 2.2 Level AA compliance: Semantics widget, screen readers, focus management, dyn...

Build adaptive and responsive Flutter UIs that work beautifully across all platforms and screen sizes. Use when creating...

Adds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or u...

Flutter animations: Rive-first approach, Lottie, micro-interactions, timing guidelines. Use when adding animations or im...

Comprehensive guide for implementing animations in Flutter. Use when adding motion and visual effects to Flutter apps: i...

Master Flutter animations including implicit, explicit, hero, and physics-based animations. Create smooth, performant UI...

Trigger: Use when developing Flutter applications — widget patterns, state management (Riverpod/Bloc), navigation, and p...

Flutter cross-platform development guide covering widget patterns, Riverpod/Bloc state management, GoRouter navigation,...

Flutter cross-platform development guide covering widget patterns, Riverpod/Bloc state management, GoRouter navigation,...

Configures a Flutter app to support assistive technologies like Screen Readers. Use when ensuring an application is usab...

Port one Flutter screen or page (lib/presentation/screens/**, sheets/**, or a stateful app widget) to a React Native scr...

Guides writing unit tests, widget tests, and integration tests in Flutter using flutter_test, WidgetTester, Mockito/Mock...

Flutter theming: Material 3 ColorScheme, typography, dark mode, design tokens. Use when implementing themes or matching...

Customizes the visual appearance of a Flutter app using the theming system. Use when defining global styles, colors, or...

Customizes the visual appearance of a Flutter app using the theming system. Use when defining global styles, colors, or...

End-to-end procedure for porting any Flutter/Dart file from the poc_vedaxl app into this React Native monorepo (models,...

Flutter UI patterns including layouts, Material 3 components, and responsive design. Use when building screens, creating...

Build Flutter UI from Figma MCP or image input. Scans src for design tokens (colors, sizes, text styles), existing compo...

Flutter UI patterns: widget composition, Material 3, builder patterns, slots. Use when building reusable widgets or impl...

Flutter UI実装のアーキテクチャ規約・コンポーネント分割・状態管理ガイド（Bloc/Cubit版）

FlutterアプリのモダンUIデザインガイドライン。Material Design 3をベースに、洗練されたビジュアルを実現。

Comprehensive Flutter UI/UX development skill for creating beautiful, responsive, and animated mobile applications. Use...

Use when the project uses `livewire/flux` — dispatched by `directives/ui/{apply,review,polish}.ts`. Covers Flux componen...

Use this skill for Flux UI development in Livewire applications only. Trigger when working with <flux:*> components, bui...

Create uxscii components with ASCII art and structured metadata when user wants to create, build, or design UI component...

View detailed information about a specific uxscii component including metadata, states, props, and ASCII preview. Use wh...

Progressively enhance uxscii components from sketch to production quality.

Browse and view all available uxscii components including bundled templates, user components, and screens. Use when work...

Keyboard focus management patterns for accessibility. Covers focus traps, roving tabindex, focus restore, skip links, an...

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure logical focus orde...

Builds a WebGL fragment-shader effect of overlapping embroidered word patches stitched onto fabric, each patch cut to it...