Communitygithub.com

se7enclaude/se7en-clip

Utilisez cette compétence pour générer des interfaces et des ressources bien conçues pour se7en (Téléchargement & Upscale), que ce soit pour la production ou pour des prototypes/maquettes jetables. Contient des directives de conception essentielles, des couleurs, des polices, des ressources et des composants d'interface utilisateur pour le prototypage.

Qu'est-ce que se7en-clip ?

La compétence se7enclaude/se7en-clip est conçue pour aider les développeurs et concepteurs à créer rapidement des interfaces et des ressources visuelles cohérentes avec l'identité de marque se7en (un outil de téléchargement et d'agrandissement d'images). Elle fournit un guide complet incluant des directives de conception, une palette de couleurs, des polices, des ressources graphiques et des composants d'interface utilisateur prêts à l'emploi. Cette compétence est idéale pour le prototypage rapide (maquettes jetables, slides, prototypes) ainsi que pour le développement de code de production. Lorsqu'elle est invoquée, elle peut soit générer des artefacts HTML statiques pour une visualisation immédiate, soit intégrer les directives de marque dans du code de production. Elle encourage une approche de conception experte en posant des questions à l'utilisateur pour comprendre ses besoins avant de produire le résultat approprié.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/se7enclaude/se7en-clip/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 et explorez les autres fichiers disponibles.

Si vous créez des artefacts visuels (diapositives, maquettes, prototypes jetables, etc.), copiez les ressources et créez des fichiers HTML statiques que l'utilisateur pourra visualiser. Si vous travaillez sur du code de production, vous pouvez copier les ressources 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 concepteur expert qui produit des artefacts HTML ou du code de production, selon le besoin.

Skills associés