Toutes les ressources premium et membres pour 8,99 €/mois, en abonnement sans engagement. Voir les offres

PalateKit

Menu

Demander une ressource

Décrivez en une phrase la ressource qui vous manque. Nous vous écrirons quand elle sera publiée.

0 / 280

Débloquer PalateKit

Tout débloquer

Offre

Le paiement vaut acceptation de nos conditions générales de vente.

Paiement sécurisé par Stripe. Reçus et factures envoyés par e-mail.

Content de vous revoir

Connectez-vous pour installer, télécharger ou sauvegarder cette ressource. Un compte gratuit suffit pour les ressources gratuites.

Créer les molécules d'un design system v1.0.0

Utilisez cette ressource pour composer des molécules à partir d'atomes dans un design system

Nouveau

  • 314 téléchargements
  • 171 mentions J'aime
  • 223 sauvegardes

Gratuit

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install atomic-design-molecules

Sans 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 login

L'agent assemble vos atomes en molécules, comme un champ de formulaire, une barre de recherche ou un en-tête de carte, chacune avec une fonction précise. Vous obtenez des composants réutilisables, plus riches que les atomes.

Choisie surtout par

Mise à jour le 2 novembre 2026

Carte de la skill « Créer les molécules d'un design system »

Caractéristiques

Guides d'installation
Génère avec
Le modèle de votre agent
Licence
Apache-2.0

Ressources similaires

Tout voir

Ce que vous obtenez

  • SKILL.md : définition des molécules, avec exemples de champ de formulaire et de recherche
  • SKILL.md : molécules de navigation, d'affichage et d'action, avec implémentations complètes

Pour qui

  • Vous recomposez vos champs de formulaire à la main sur chaque page
  • Vous voulez des blocs d'interface réutilisables sur plusieurs écrans

Pas pour qui

    Étiquettes

    • atomic design
    • molécules
    • composants
    • design system

    À propos

    Vous dites

    « Crée une molécule FormField qui assemble libellé, champ et message d'erreur. »

    Carte de la skill « Créer les molécules d'un design system »

    Skill publiée par thebushidocollective sous licence Apache-2.0. Fichiers livrés dans leur version d'origine, en anglais.

    Voir plus

    Comment l'utiliser

    1. Installez la skill dans le dossier de skills de votre agent
    2. Demandez à votre agent de composer des molécules à partir d'atomes dans un design system
    3. Relisez et ajustez le résultat

    Aperçu du contenu

    Fichiers

    • LICENSE3,8 Ko
    • NOTICE-PALATEKIT.md0,6 Ko
    • SKILL.md21,7 Ko

    Origine et licence

    Référencée sans modification

    Auteur
    thebushidocollective
    Source
    github.com/thebushidocollective/han/tree/19caa51d5fd144ef6b2764f2332f4c856aa5d1af/plugins/patterns/atomic-design/skills/atomic-design-molecules
    Licence
    Apache-2.0

    Notice

    « atomic-design-molecules » (thebushidocollective, 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…

    Supprimer votre avis ?

    Votre note et votre commentaire seront retirés de la fiche.