Run any Skill in Manus with one click

flight-booking-theme

Stars30

Forks5

UpdatedFebruary 19, 2026 at 22:56

Resolves theme-related tasks in the Flight Booking Flutter app. Use when changing colors, padding, radius, text styles, theme extension, or when the user asks about theme, design system, AppTheme, AppColors, AppPadding, AppRadius, context.appTheme, or MaterialApp theme.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

VB10

VB10/flight_booking

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web and Digital Interface DesignersComputer and Mathematical Occupations·SOC 15-1255

SKILL.md

readonly

name	flight-booking-theme
description	Resolves theme-related tasks in the Flight Booking Flutter app. Use when changing colors, padding, radius, text styles, theme extension, or when the user asks about theme, design system, AppTheme, AppColors, AppPadding, AppRadius, context.appTheme, or MaterialApp theme.

Flight Booking — Tema Skill

Tema ile ilgili her noktada hızlıca doğru API kullan. Tek referans: theme.md (proje kökü).

Ne Zaman Kullan

Renk ekleme/değiştirme (primary, success, warning, card, shimmer)
Padding/radius/size sabiti kullanma veya ekleme
Text style kullanma veya tema ile uyumlu metin
ThemeExtension veya MaterialApp theme değişikliği
"Tema", "design system", "AppTheme", "AppColors", "AppPadding", "AppRadius", "appTheme" geçen istekler

Kurallar (Kısa)

Import: Sadece import 'package:flight_booking/core/theme/theme.dart';
Renk (widget içinde): Theme.of(context).colorScheme.primary veya context.appTheme.success — asla Colors.blue gibi ham renk kullanma (tema renkleri kullan).
Padding: AppPadding.p16, AppPadding.horizontal16, AppPadding.vertical8 — sabit sayı yerine AppPadding.
Sayfa padding/margin: AppPagePadding extends EdgeInsets; const constructor kullan (getter yok). Örn: AppPagePadding.all20(), AppPagePadding.horizontalSymmetric(), AppPagePadding.marginBottom15(), AppPagePadding.horizontalSymmetricFree(24).
Radius: AppRadius.circular12, AppRadius.top8 — sabit sayı yerine AppRadius.
Metin: Theme.of(context).textTheme.titleLarge veya AppTextStyles.bodyMedium.
Boyut: AppSizes.iconMedium, AppSizes.buttonHeightMedium.
Custom renk (success, warning, card, divider, shimmer): context.appTheme.success, context.appTheme.cardBackground, context.appTheme.shimmerBase / shimmerHighlight.
TextTheme (hızlı erişim): context.appTextTheme.displayLarge, context.appTextTheme.bodyMedium vb.
Metin widget: ProductText.h1(context, 'Başlık'), ProductText.bodyMedium(context, 'Metin') — context + metin, tema stili otomatik.

Hızlı Eşleme

İstek / Bağlam	Kullan
Primary/error/surface rengi	`Theme.of(context).colorScheme.*`
Başarı/uyarı/bilgi/kart/divider/shimmer	`context.appTheme.*`
Boşluk	`AppPadding.*`
Sayfa boşluk / margin	`AppPagePadding.all20()`, `AppPagePadding.marginBottom15()`
Köşe yuvarlama	`AppRadius.*`
İkon/buton yüksekliği	`AppSizes.*`
Metin stili	`context.appTextTheme.` veya `Theme.of(context).textTheme.`
Metin widget (başlık/gövde)	`ProductText.h1(context, '...')`, `ProductText.bodyMedium(context, '...')`

Yeni Renk/Sabit Ekleme

Extension’a yeni renk: lib/core/theme/app_theme_extension.dart — alan ekle, light/dark static’lere değer ver, copyWith ve lerp güncelle.
Yeni padding/radius: app_padding.dart / app_radius.dart — static getter ekle.
Sayfa padding/margin: app_page_padding.dart — const constructor ekle (EdgeInsets extend), getter kullanma.
Yeni size: app_sizes.dart — static const double ekle.
Yeni text style: app_text_styles.dart — getter ekle ve textTheme’e ekle.

Değişiklikten sonra theme.md ve gerekirse bu skill’i güncelle.

Dosya Konumları

Tüm tema: lib/core/theme/
Tek import: lib/core/theme/theme.dart
Dokümantasyon: proje kökünde theme.md

Detaylı liste ve tüm sabitler için her zaman theme.md dosyasına bak.

More from this repository

same repository

cache-add-model

VB10/flight_booking

Adds a new model to the cache as a pure DTO — a json_serializable + Equatable class that implements CacheModel (toJson) and provides a fromJson factory. No Hive annotations, no typeId, no adapters (Hive is encapsulated in the cache_manager package and stores models as JSON). Store/read via ICacheManager.writeModel / readModel(fromJson). Use when the user runs /cache-add-model or asks to store/cache a new model.

2026-07-0330

cache-setup

VB10/flight_booking

Sets up the model-capable cache architecture from scratch: a local `module/cache_manager` package with ICacheManager + ICacheStrategy backed by Hive (fully encapsulated — the app imports no Hive). Models are stored as JSON via a CacheModel contract (toJson) + a fromJson factory, so no Hive adapters/typeId. A SEPARATE standalone IFallbackStore (SharedPreferences) lives outside the strategy and holds only a few critical keys (auth token). Includes app wiring (ProductCache holder, keys, DI) and an AuthSessionCacheModel DTO example. Use when the user runs /cache-setup or asks to add a cache manager / storage abstraction to the project.

2026-07-0330

route-add

VB10/flight_booking

Adds a new typed route to the existing go_router navigation architecture. Takes a page name and path, creates a GoRouteData class in app_routes.dart, runs build_runner to regenerate app_routes.g.dart, and optionally updates auth_guard.dart if the route is public. Use when user runs /route-add or asks to add a new screen/route to the navigation.

2026-04-2130

route-setup

VB10/flight_booking

Sets up go_router + go_router_builder navigation infrastructure from scratch. Creates AuthCubit (session management), AuthInterceptor (401 auto-logout), GoRouterRefreshStream, auth guard, typed route definitions, and AppRouter. Wires everything into ProductContainer and converts MaterialApp to MaterialApp.router. Use when user runs /route-setup or asks to add go_router navigation to the project.

2026-04-2130

flutter-cubit-feature

VB10/flight_booking

Adds or refactors a Flutter feature screen using Cubit (flutter_bloc), Equatable states with copyWith, BlocSelector for single-field listening, BlocBuilder/BlocListener, StatefulWidget + PageMixin for shared controllers, and ValueListenableBuilder for widget-local UI without setState. Registers services via ProductContainer (get_it). Use when the user runs /cubit-add, asks for Cubit + mixin + ValueListenable pattern, or points to docs/prompt/flutter_cubit_feature_prompt.md.

2026-04-0330

name	flight-booking-theme
description	Resolves theme-related tasks in the Flight Booking Flutter app. Use when changing colors, padding, radius, text styles, theme extension, or when the user asks about theme, design system, AppTheme, AppColors, AppPadding, AppRadius, context.appTheme, or MaterialApp theme.

Flight Booking — Tema Skill

Tema ile ilgili her noktada hızlıca doğru API kullan. Tek referans: theme.md (proje kökü).

Ne Zaman Kullan

Renk ekleme/değiştirme (primary, success, warning, card, shimmer)
Padding/radius/size sabiti kullanma veya ekleme
Text style kullanma veya tema ile uyumlu metin
ThemeExtension veya MaterialApp theme değişikliği
"Tema", "design system", "AppTheme", "AppColors", "AppPadding", "AppRadius", "appTheme" geçen istekler

Kurallar (Kısa)

Import: Sadece import 'package:flight_booking/core/theme/theme.dart';
Renk (widget içinde): Theme.of(context).colorScheme.primary veya context.appTheme.success — asla Colors.blue gibi ham renk kullanma (tema renkleri kullan).
Padding: AppPadding.p16, AppPadding.horizontal16, AppPadding.vertical8 — sabit sayı yerine AppPadding.
Sayfa padding/margin: AppPagePadding extends EdgeInsets; const constructor kullan (getter yok). Örn: AppPagePadding.all20(), AppPagePadding.horizontalSymmetric(), AppPagePadding.marginBottom15(), AppPagePadding.horizontalSymmetricFree(24).
Radius: AppRadius.circular12, AppRadius.top8 — sabit sayı yerine AppRadius.
Metin: Theme.of(context).textTheme.titleLarge veya AppTextStyles.bodyMedium.
Boyut: AppSizes.iconMedium, AppSizes.buttonHeightMedium.
Custom renk (success, warning, card, divider, shimmer): context.appTheme.success, context.appTheme.cardBackground, context.appTheme.shimmerBase / shimmerHighlight.
TextTheme (hızlı erişim): context.appTextTheme.displayLarge, context.appTextTheme.bodyMedium vb.
Metin widget: ProductText.h1(context, 'Başlık'), ProductText.bodyMedium(context, 'Metin') — context + metin, tema stili otomatik.

Hızlı Eşleme

İstek / Bağlam	Kullan
Primary/error/surface rengi	`Theme.of(context).colorScheme.*`
Başarı/uyarı/bilgi/kart/divider/shimmer	`context.appTheme.*`
Boşluk	`AppPadding.*`
Sayfa boşluk / margin	`AppPagePadding.all20()`, `AppPagePadding.marginBottom15()`
Köşe yuvarlama	`AppRadius.*`
İkon/buton yüksekliği	`AppSizes.*`
Metin stili	`context.appTextTheme.` veya `Theme.of(context).textTheme.`
Metin widget (başlık/gövde)	`ProductText.h1(context, '...')`, `ProductText.bodyMedium(context, '...')`

Yeni Renk/Sabit Ekleme

Extension’a yeni renk: lib/core/theme/app_theme_extension.dart — alan ekle, light/dark static’lere değer ver, copyWith ve lerp güncelle.
Yeni padding/radius: app_padding.dart / app_radius.dart — static getter ekle.
Sayfa padding/margin: app_page_padding.dart — const constructor ekle (EdgeInsets extend), getter kullanma.
Yeni size: app_sizes.dart — static const double ekle.
Yeni text style: app_text_styles.dart — getter ekle ve textTheme’e ekle.

Değişiklikten sonra theme.md ve gerekirse bu skill’i güncelle.

Dosya Konumları

Tüm tema: lib/core/theme/
Tek import: lib/core/theme/theme.dart
Dokümantasyon: proje kökünde theme.md

Detaylı liste ve tüm sabitler için her zaman theme.md dosyasına bak.