メニュー
Design system and UI guidelines for Tazieff EPS musculation app. Activate when building or modifying any UI component, page, or layout in this Next.js PWA for French high school students.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/LaurentFrx/tazieff-eps --skill tazieff-designコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Use this skill before any code change touching authentication, content editing, content reading, role checks, RLS policies, or differentiated display of pedagogical content in Tazieff EPS. Trigger this skill whenever the work involves teacher_annotations, exercise_overrides, the InlineParagraphEditor, the prof magic-link flow, the student class enrollment, the super_admin role, or any audit log feature. If the task touches who can write what to whom, this skill is mandatory.
Architecture rules and invariants for Tazieff EPS project. Apply these rules to ANY code modification involving database schema, RLS policies, authentication, multi-tenant data, premium feature gating, content editing, payments, offline support, internationalization, or PWA features. Read this skill BEFORE writing any code that touches Supabase, teacher annotations, student data, organizations, licenses, or feature visibility.
Architecture et conventions des timers/chronos de Tazieff EPS : Tabata, EMOM, Circuit, AMRAP, Repos, Perso. Utiliser cette skill dès qu'on mentionne timer, chrono, chronométre, countdown, wheel picker, anneau circulaire, Wake Lock, vibration, bip sonore, temps de repos, EMOM, AMRAP, Tabata, circuit training, ou toute modification des pages /outils/timer/. Aussi quand on crée un nouveau type de timer ou qu'on modifie le composant WheelPicker. Les timers ont une architecture spécifique (single page, anneau SVG, phases colorées) — ne pas improviser.
SOC 職業分類に基づく
SKILL.md を表示中
| name | tazieff-design |
| description | Design system and UI guidelines for Tazieff EPS musculation app. Activate when building or modifying any UI component, page, or layout in this Next.js PWA for French high school students. |
App de musculation pour lycéens (15-18 ans) au Lycée Haroun Tazieff, Saint-Paul-lès-Dax. Stack : Next.js, React, TypeScript, Tailwind CSS v4, MDX.
L'esthétique doit rivaliser avec les apps fitness que les ados utilisent (Nike Training Club, Hevy, Strong). Jamais infantilisant, jamais scolaire. Professionnel, énergique, moderne. L'interface doit fonctionner en salle de sport : luminosité variable, doigts humides, attention limitée entre deux séries.
Dark mode utilise un custom variant, PAS prefers-color-scheme : @custom-variant dark (&:where(.dark, .dark *)); Toujours utiliser les classes dark: avec cette convention.
Chaque section-index utilise un hero compact avec :
Tout contenu principal (exercice, méthode) accessible en maximum 2 taps depuis l'accueil.
L'app doit IMPRESSIONNER au premier lancement. Les animations sont un facteur de crédibilité auprès des ados — elles différencient une app pro d'un projet scolaire. Viser le niveau qualitatif des apps iOS natives (Apple Fitness+, Nike Training Club).
Tous dans /public/images/exos/ :
Les utilisateurs consultent l'app entre deux séries de musculation (10-90 secondes de repos), debout, téléphone dans une main, éclairage artificiel de gymnase. Chaque décision de design doit passer ce test : "Est-ce utilisable en 3 secondes, debout, une main, entre deux séries ?"