Communitygithub.com

designeer

Recherchez Designeer (designeer.xyz), un catalogue trié à la main d'inspirations design, de ressources UI, d'outils et de portfolios pour des références frontend réelles.

Qu'est-ce que designeer ?

Designeer est un outil de référence frontend qui exploite un catalogue sélectionné à la main sur designeer.xyz. Il permet de rechercher des inspirations design, des ressources UI, des outils et des portfolios réels, en fournissant métadonnées et contenu Markdown (jamais de médias) avec attribution systématique à Designeer et au créateur original. Utile lorsque l'utilisateur demande des références de landing page, hero, navbar, footer, pricing ou portfolio, ou souhaite une direction design tangible basée sur des sites existants. Fonctionne via des commandes CLI comme `search`, `get`, `palette`, `latest`, `sync` et `health`, avec mise en cache locale (7 jours), limitation de débit et réessai automatique. La skill insiste sur l'utilisation éthique : elle sert d'index de référence, jamais de bibliothèque de matériel à copier.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/HaiXuNan/designeer-skill/tree/HEAD

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 designeer ?

Utilisez Designeer comme un index de référence, pas comme une bibliothèque de matériel. Il vous indique ce qui existe et où cela se trouve ; le travail appartient à son créateur.

Règles strictes

  • Citez toujours Designeer — <titre> (<URL canonique>), et ajoutez le créateur ainsi que l'URL d'origine lorsque la page les fournit.
  • Ne téléchargez, copiez, hébergez ou regroupez jamais d'affiches, vidéos ou ressources Find. La CLI ne touche jamais à cdn.designeer.xyz.
  • Ne présentez jamais les descriptions ou la curation de Designeer comme vos propres découvertes.
  • Ne citez jamais plus de 25 mots d'une page.
  • Ne reproduisez pas le catalogue ou ne le parcourez pas en masse. Limitez les récupérations de détails à cinq par requête et laissez la CLI gérer le cache et la limitation de débit.
  • Si l'utilisateur demande de reproduire un design à l'identique, donnez les principes sous-jacents et pointez vers l'original, pas un clone.

Commandes

Exécutez depuis le répertoire de la skill :

node scripts/designeer.mjs search "fintech landing" --collection inspiration --limit 5
node scripts/designeer.mjs get resources/fontshare --json
node scripts/designeer.mjs palette resources/fontshare
node scripts/designeer.mjs latest --collection resources --limit 5
node scripts/designeer.mjs sync
node scripts/designeer.mjs health

search accepte --collection inspiration|resources|tools|portfolios, --limit 1-20, --live pour contourner l'index local, et --json. get et palette acceptent un slug, un chemin de site, ou une URL complète de Designeer.

La CLI met en cache les réponses dans ~/.cache/designeer/ pendant sept jours, utilise le répertoire temporaire système si ce chemin n'est pas accessible en écriture, revalide avec des ETags, espace les requêtes d'une seconde, et réessaie les 429/5xx avec un backoff. Surchargez l'emplacement avec DESIGNEER_CACHE_DIR.

Workflow

  1. Transformez le brief en deux ou trois axes design : ambiance, densité d'information, mouvement, personnalité typographique, température de couleur.
  2. Recherchez d'abord les métadonnées. Jugez par nom, tagline, catégorie et collection ; ne récupérez pas encore les détails.
  3. Récupérez au maximum cinq candidats. Extrayez la palette, la catégorie, le site web et le créateur original depuis le Markdown.
  4. Écrivez une fiche de référence par candidat, avec attribution.
  5. Synthétisez deux directions originales. Chacune indique quel principe a été emprunté, pas quels pixels ont été copiés.
  6. Implémentez, puis vérifiez le résultat par rapport à la direction, pas par rapport à la capture d'écran de référence.

Fiche de référence

Référence : <titre>
Pourquoi ça correspond : <une ligne liée au brief>
Palette : <liste hexadécimale>
Source : Designeer — <titre> (<URL canonique>)
Créateur / original : <créateur> (<URL originale>)

Direction design

Direction <n> : <nom>
Thèse : <une phrase>
Typographie : <famille ou association>, <notes d'échelle>
Couleur : <3 à 5 tokens avec rôles>
Mise en page : <grille, densité, traitement des bords>
Mouvement : <un ou deux moments, avec durée et intention d'easing>
Principe emprunté : <quoi, de quelle référence>
Délibérément différent : <ce que vous ne copiez pas>

Modes d'échec

  • Une recherche ne renvoie rien : essayez un nom plus large, changez de collection, ou utilisez latest.
  • Le site change de forme : exécutez health. S'il signale une incohérence de schéma, utilisez get index et llms.txt, et signalez la dérive au lieu de deviner.
  • Une page a disparu : Designeer est un catalogue vivant, donc abandonnez la référence plutôt que de la reconstruire de mémoire.

Skills associés