Communitygithub.com

raptor8134/raptor8134.github.io

Utilisez cette compétence pour générer des interfaces et des actifs bien conçus pour James Notley — Ingénieur des matériaux (site web portfolio et dossier PDF), que ce soit pour la production ou pour des prototypes jetables/maquettes, etc. Contient des directives de conception essentielles, les couleurs, les polices, les actifs et les composants de la UI Kit pour le prototypage.

Qu'est-ce que raptor8134.github.io ?

Cette compétence spécialisée permet aux agents IA (tels que Claude Code, Cursor, etc.) de générer des interfaces et des actifs de marque pour le portfolio de James Notley, ingénieur des matériaux. Elle contient un ensemble complet de directives de conception, y compris les couleurs, la typographie, les polices, les actifs graphiques et les composants d'une UI Kit. L'agent peut produire aussi bien des prototypes visuels jetables (sous forme de fichiers HTML statiques) que du code de production intégrant les actifs et les règles de la marque. Son fonctionnement incite l'agent à copier les actifs nécessaires, à explorer les fichiers de la compétence, et à agir en tant que designer expert en posant des questions à l'utilisateur sur ce qu'il souhaite construire ou concevoir. Les plateformes supportées incluent tout agent capable d'exécuter des commandes de lecture de fichiers et de générer du HTML/des actifs.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/raptor8134/raptor8134.github.io/tree/HEAD/design-system

Demander à votre IA préférée

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

Documentation

Lisez le fichier README.md dans cette compétence, puis explorez les autres fichiers disponibles.

Si vous créez des artefacts visuels (diapositives, maquettes, prototypes jetables, etc.), copiez les actifs et créez des fichiers HTML statiques que l'utilisateur pourra visualiser. Si vous travaillez sur du code de production, vous pouvez copier les actifs et lire les règles ici pour devenir un expert en conception avec cette marque.

Si l'utilisateur invoque cette compétence sans autre indication, demandez-lui ce qu'il souhaite construire ou concevoir, posez quelques questions, et agissez en tant que designer expert qui produit des artefacts HTML ou du code de production, selon les besoins.

Skills associés