GratuitSkills
Commits, branches et synchronisation avec la CLI but
- 361361 téléchargements
- 198198 mentions J'aime
- 103103 sauvegardes
Compatible avec
- Claude Code
- Codex
- Cursor
- et 3 autres
Conventions de design du frontend Phoenix v1.0.0
Utilisez cette ressource pour construire ou modifier l'interface Phoenix en suivant ses conventions de design
Nouveau
- 509 téléchargements
- 228 mentions J'aime
- 111 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install phoenix-frontend-design-conventionsSans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.
Première fois : connectez la CLI avec
npx --yes palatekit@latest loginL'agent lit la référence adaptée à la tâche : mise en page, dialogues, états vides, affichage des erreurs, icônes, compteurs ou jetons. Il applique ensuite les règles de nommage BEM et les jetons CSS dans js/app/src/.
Choisie surtout par
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- Le modèle de votre agent
- Licence
- Apache-2.0
Ressources similaires
Tout voir- Gratuit
GratuitSkills
Guide de la CLI Sentry
- 525525 téléchargements
- 117117 mentions J'aime
- 128128 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Bonnes pratiques Drizzle ORM avec PostgreSQL
- 407407 téléchargements
- 194194 mentions J'aime
- 151151 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Assistant de conception de SLO
- 537537 téléchargements
- 105105 mentions J'aime
- 242242 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
User stories de sprint
- 451451 téléchargements
- 150150 mentions J'aime
- 132132 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Plan de sprint réaliste
- 423423 téléchargements
- 192192 mentions J'aime
- 102102 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Conseiller CTO de startup
- 580580 téléchargements
- 201201 mentions J'aime
- 242242 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Création de pull requests GitHub avec contrôles qualité
- 427427 téléchargements
- 230230 mentions J'aime
- 196196 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- SKILL.md : table de routage vers les références selon la tâche
- references/ : huit fiches (BEM, dialogues, erreurs, icônes, mise en page, jetons et autres)
Pour qui
- Vous ajoutez un formulaire ou une boîte de dialogue dans Phoenix
- Vous créez de nouvelles classes CSS dans js/app/src/
Pas pour qui
Étiquettes
- design system
- css
- bem
- interface
À propos
Vous dites
« Ajoute une boîte de dialogue de confirmation de suppression qui respecte les conventions Phoenix. »
Skill publiée par arize-ai sous licence Apache-2.0. Fichiers livrés dans leur version d'origine, en anglais.
Voir plusVoir moins
Comment l'utiliser
- Installez la skill dans le dossier de skills de votre agent
- Demandez à votre agent de construire ou modifier l'interface Phoenix en suivant ses conventions de design
- Relisez et ajustez le résultat
Aperçu du contenu
Fichiers
- LICENSE3,7 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- references/bem.md0,8 Ko
- references/counters.md0,9 Ko
- references/dialogs.md5,2 Ko
- references/empty-states.md4,6 Ko
- references/error-display.md2,3 Ko
- references/icons.md7,4 Ko
- references/layout.md2,3 Ko
- references/tokens.md5,2 Ko
- SKILL.md1,7 Ko
Origine et licence
Référencée sans modification
- Auteur
- arize-ai
- Source
- github.com/arize-ai/phoenix/tree/2196d813a80586c7bd3a3b91a6092d6a3fabb10c/.agents/skills/phoenix-design
- Licence
- Apache-2.0
Notice
« phoenix-design » (arize-ai, Apache-2.0) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…