Run any Skill in Manus with one click

sameva-design-system

Stars2

Forks1

UpdatedMay 12, 2026 at 16:34

Applique le design system Sameva (couleurs, polices, rareté, widgets). Utiliser lors de la création ou modification d'écrans, de widgets, de thème, ou quand l'utilisateur travaille dans lib/ui/.

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

SamymaS

SamymaS/Sameva

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	sameva-design-system
description	Applique le design system Sameva (couleurs, polices, rareté, widgets). Utiliser lors de la création ou modification d'écrans, de widgets, de thème, ou quand l'utilisateur travaille dans lib/ui/.

Design system Sameva

Couleurs (AppColors)

Primaire : AppColors.primaryTurquoise (#4FD1C5), primaryTurquoiseDark (#38B2AC)
Secondaire : AppColors.secondaryViolet (#805AD5), secondaryVioletGlow (#B794F4)
Accent : AppColors.gold (#F6E05E), goldDark (#D69E2E)
Fonds : backgroundNightBlue (#0F172A), backgroundDeepViolet (#2D2B55), backgroundDarkPanel (#1A202C)
Texte : textPrimary, textSecondary, textMuted ; clair : cream100, parchment

Toujours importer et utiliser AppColors depuis ui/theme/app_colors.dart. Ne pas définir de couleurs en dur pour l'UI.

Rareté (items, équipement)

Utiliser les constantes et helpers :

AppColors.rarityCommon (gris), rarityUncommon (vert), rarityRare (bleu), rarityEpic (violet), rarityLegendary (or), rarityMythic (rouge)
AppColors.getRarityColor(String rarity) pour une chaîne
AppColors.shouldGlow(rarity) pour savoir si un effet glow est approprié (epic, legendary, mythic)

Polices

Titres fantasy : MedievalSharp
Stats / jeu : Press Start 2P (pixel)
Corps : Quicksand / Poppins

Styles communs dans AppStyles : titleStyle, subtitleStyle, radius, softShadow.

Catégories de widgets

Dossier	Usage
minimalist/	Composants plats, épurés (boutons, cartes, dock, FAB, panels)
magical/	Effets glow, particules, fonds animés, hover
fantasy/	Style RPG (boutons, cartes, champs, thème médiéval)
common/	Partagés (header, loading, transitions, rarity_border)

Choisir le dossier en fonction du style de la page (Sanctuaire/Quêtes → souvent minimalist ou magical ; Marché/Invocation → fantasy).

Material 3

Thèmes light/dark dans ui/theme/app_theme.dart. Utiliser le thème via Theme.of(context) pour les couleurs schématiques quand c'est cohérent avec le design system.

Fichiers de référence

lib/ui/theme/app_colors.dart
lib/ui/theme/app_styles.dart
lib/ui/theme/app_theme.dart

More from this repository

same repository

sameva-hive

SamymaS/Sameva

Pattern de persistance locale Hive dans Sameva — boîtes dynamiques + sérialisation JSON (toJson/fromJson), clés par utilisateur, offline-first. À utiliser pour créer ou modifier un modèle persisté localement, ouvrir une boîte, lire/écrire dans Hive, ou implémenter un service/ViewModel source de vérité avec stockage local. Pour la sync cloud, voir sameva-supabase ; pour les tests, voir sameva-testing.

2026-07-012

sameva-adr

SamymaS/Sameva

Convention ADR Sameva. Déclenche sur : "ADR", "décision d'architecture", "choix technique justifié", "journal de décisions", "architecture decision record", "trade-off", "alternative écartée", "phase-zero", "restructuring".

2026-06-302

sameva-animations

SamymaS/Sameva

Patterns d'animation Flutter (Lottie/Rive) et mapping GameEventBus pour Sameva. Déclenche sur : "animation", "Lottie", "Rive", "glow", "shimmer", "GameEventBus", "AnimationController", "feedback", "confetti", "montée de niveau", "level-up", "SFX", "son", "particules".

2026-06-302

sameva-rgpd

SamymaS/Sameva

Carte de suppression des données utilisateur (RGPD, droit à l'effacement) pour Sameva. Déclenche sur : "RGPD", "suppression de compte", "delete account", "droit à l'effacement", "effacer mes données", "purge", "anonymisation", "export de données".

2026-06-302

upgrade-stripe

SamymaS/Sameva

Guide for upgrading Stripe API versions and SDKs

2026-06-172

sameva-domain

SamymaS/Sameva

Applique la logique métier Sameva (quêtes, récompenses, items, équipement, Hive, Supabase). Utiliser lors de l'implémentation ou modification de règles de jeu, de récompenses, d'inventaire, d'équipement, ou d'accès données.

2026-06-162

name	sameva-design-system
description	Applique le design system Sameva (couleurs, polices, rareté, widgets). Utiliser lors de la création ou modification d'écrans, de widgets, de thème, ou quand l'utilisateur travaille dans lib/ui/.

Design system Sameva

Couleurs (AppColors)

Primaire : AppColors.primaryTurquoise (#4FD1C5), primaryTurquoiseDark (#38B2AC)
Secondaire : AppColors.secondaryViolet (#805AD5), secondaryVioletGlow (#B794F4)
Accent : AppColors.gold (#F6E05E), goldDark (#D69E2E)
Fonds : backgroundNightBlue (#0F172A), backgroundDeepViolet (#2D2B55), backgroundDarkPanel (#1A202C)
Texte : textPrimary, textSecondary, textMuted ; clair : cream100, parchment

Toujours importer et utiliser AppColors depuis ui/theme/app_colors.dart. Ne pas définir de couleurs en dur pour l'UI.

Rareté (items, équipement)

Utiliser les constantes et helpers :

AppColors.rarityCommon (gris), rarityUncommon (vert), rarityRare (bleu), rarityEpic (violet), rarityLegendary (or), rarityMythic (rouge)
AppColors.getRarityColor(String rarity) pour une chaîne
AppColors.shouldGlow(rarity) pour savoir si un effet glow est approprié (epic, legendary, mythic)

Polices

Titres fantasy : MedievalSharp
Stats / jeu : Press Start 2P (pixel)
Corps : Quicksand / Poppins

Styles communs dans AppStyles : titleStyle, subtitleStyle, radius, softShadow.

Catégories de widgets

Dossier	Usage
minimalist/	Composants plats, épurés (boutons, cartes, dock, FAB, panels)
magical/	Effets glow, particules, fonds animés, hover
fantasy/	Style RPG (boutons, cartes, champs, thème médiéval)
common/	Partagés (header, loading, transitions, rarity_border)

Choisir le dossier en fonction du style de la page (Sanctuaire/Quêtes → souvent minimalist ou magical ; Marché/Invocation → fantasy).

Material 3

Thèmes light/dark dans ui/theme/app_theme.dart. Utiliser le thème via Theme.of(context) pour les couleurs schématiques quand c'est cohérent avec le design system.

Fichiers de référence

lib/ui/theme/app_colors.dart
lib/ui/theme/app_styles.dart
lib/ui/theme/app_theme.dart