Communitygithub.com

SantiagoFeliu/codex-hyperframes-scale

Guide Linux pour installer les compétences HyperFrames dans Codex en utilisant uniquement le terminal. Configuration pas à pas, validation, GSAP, conversion site web en hyperframes et flux de rendu.

Qu'est-ce que codex-hyperframes-scale ?

Cette compétence fournit un guide Linux complet pour installer et configurer les compétences HyperFrames dans l'environnement Codex, en utilisant exclusivement le terminal. Elle est conçue pour les développeurs qui souhaitent intégrer des animations GSAP, convertir des sites web en hyperframes et gérer le flux de rendu. Le guide couvre la configuration initiale, la validation des installations, et l'utilisation de GSAP pour des animations avancées. Il explique également comment transformer un site web existant en hyperframes et comment configurer et exécuter le workflow de rendu. Cette compétence est particulièrement utile pour les utilisateurs de Codex qui travaillent sur des projets de visualisation de données ou de conception interactive nécessitant une performance élevée et un contrôle précis via le terminal.

Compatible avec~Claude Code✓Codex CLI~Cursor
npx skills add SantiagoFeliu/codex-hyperframes-scale

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait codex-hyperframes-scale ?

Guide Linux pour installer les compétences HyperFrames dans Codex en utilisant uniquement le terminal. Configuration pas à pas, validation, GSAP, conversion site web en hyperframes et flux de rendu.

Prérequis

  • Système d'exploitation Linux
  • Terminal avec accès root ou sudo
  • Codex installé
  • Connaissances de base en ligne de commande

Installation

  1. Ouvrez un terminal.
  2. Clonez le dépôt :
git clone https://github.com/SantiagoFeliu/codex-hyperframes-scale
cd codex-hyperframes-scale
  1. Exécutez le script d'installation :
./install.sh
  1. Suivez les instructions à l'écran.

Configuration de GSAP

Pour utiliser GSAP avec HyperFrames :

  1. Téléchargez GSAP depuis le site officiel ou utilisez npm :
npm install gsap
  1. Importez GSAP dans votre projet HyperFrames.

Conversion site web en hyperframes

  1. Placez les fichiers de votre site web dans le répertoire source/.
  2. Exécutez la commande de conversion :
./convert.sh
  1. Les hyperframes générées seront dans le répertoire output/.

Workflow de rendu

Pour lancer le rendu :

./render.sh

Validation

Vérifiez que tout est correctement installé :

./validate.sh

Dépannage

Consultez le fichier TROUBLESHOOTING.md pour les problèmes courants.

Licence

Ce projet est sous licence MIT.

Skills associés