Pacman arcade design system — retro tokens, sprites and UX specs
Construire des interfaces style arcade dans l'univers Pacman : design tokens, sprites SVG, palette couleurs, typographie, patterns de composants et guide d'accessibilité
- Quoi
- Construire des interfaces style arcade dans l'univers Pacman : design tokens, sprites SVG, palette couleurs, typographie, patterns de composants et guide d'accessibilité
- Coût
- Gratuit
- Prérequis
- un projet frontend — le skill est un design system que l'agent applique, pas un logiciel
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill Pacman de @bergside, tiré de la série awesome-design-skills : un design system rétro complet pour construire des interfaces style arcade dans l'univers Pacman. Livré avec des design tokens (couleurs, échelle typographique, espacements, border radius, effets), une palette complète, des sprites SVG du personnage Pacman, des fantômes et des éléments de jeu, des patterns de composants (boutons arcade, affichages de score, cartes, panneaux), des templates de pages, des specs UX et un guide d'accessibilité — support reduced-motion et haut contraste, navigation clavier, esthétique rétro sûre pour les lecteurs d'écran. Bémols honnêtes : tous les noms de personnages et designs font référence à la propriété intellectuelle Pac-Man sous copyright — les œuvres de fans/hommages sont le cas d'usage réaliste, ne shippez pas de produits commerciaux brandés Pac-Man à partir de ceci ; les assets sprites sont référencés depuis le répertoire assets du repo. Licence MIT. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : un projet frontend — le skill est un design system que l'agent applique, pas un logiciel Installe-moi « Design system arcade Pacman — tokens rétro, sprites et specs UX ». Il donne à mon agent le design system arcade Pacman complet de @bergside : design tokens (couleurs, typographie, espacements, radius, effets), palette complète, sprites SVG (Pacman, fantômes, éléments de jeu), patterns de composants (boutons arcade, affichages de score, cartes, panneaux), templates de pages, specs UX et guide d'accessibilité (reduced motion, haut contraste, navigation clavier). NOTE : les designs de personnages font référence à la propriété intellectuelle Pac-Man sous copyright — limite l'usage aux œuvres de fans/hommages, pas aux produits commerciaux brandés Pac-Man. Les assets sprites vivent dans le répertoire assets du repo. Licence MIT. Dépôt : https://github.com/bergside/awesome-design-skills/blob/main/skills/pacman/SKILL.md 1. Récupère le fichier SKILL.md (et son répertoire assets) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « pacman ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. pointer l'agent vers l'interface ou le projet à restyler ; rien d'autre — c'est un design system). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.