Huashu Design : produire des prototypes, slides et animations depuis Claude Code
📌 Huashu Design transforme une demande en prototype HTML, slides exportables et animation MP4, directement depuis un agent, sans ouvrir d’outil de design.
📌 Huashu Design transforme une demande en prototype HTML, slides exportables et animation MP4, directement depuis un agent, sans ouvrir d’outil de design.
📌 openvid transforme un enregistrement d’écran en démo cinématique: zooms fluides, mockups, arrière-plans, export 4K, le tout dans le navigateur.
📌 Taste Skill installe des règles de design persistantes pour éviter le frontend slop des agents et obtenir des écrans cohérents dès le premier jet.
📌 Claude Design transforme une description en prototypes, slides et pages, puis prépare un handoff vers Claude Code, avec export Canva/PDF/PPTX et design system appliqué.
📌 Tuimorphic est une bibliothèque de composants React esthétique terminal, construite sur Base UI avec SRCL styling pour des interfaces web distinctives.
📌 Interface desktop pour piloter plusieurs agents IA en parallèle, suivre les diffs et valider les tool calls, puis transformer une session en commits et PR sans perdre le contrôle.
📌 Un IDE spatial sur canvas pour garder le contexte, piloter terminal, code et agents IA, et reprendre un projet exactement là où il s’est arrêté.
📌 Tabby remplace la page Nouvel onglet par une vue Exposé de toutes les fenêtres, avec recherche globale, glisser-déposer et regroupement automatique pour retrouver un onglet en quelques secondes.
📌 Taskdog organise des tâches en terminal (CLI/TUI) avec suivi du temps, Gantt et optimisation d’agenda, stocké localement en SQLite.
OpenNOW est un client desktop open-source pour GeForce NOW avec contrôles stream avancés, diagnostics temps réel et zéro télémétrie 📌
📌 Vibedit ajoute un overlay d’édition visuelle à React : cliquer un élément, changer style/texte, et les fichiers source sont mis à jour instantanément en local (sans cloud).
📌 Cave exécute des agents de code dans des sandboxes isolées sur un serveur contrôlé, avec sessions persistantes, accès web/SSH, checkpoints et contrôle réseau.
📌 RealtimeSTT transforme la voix en texte en temps réel avec VAD et wake word, sur CPU ou GPU (Faster-Whisper). Installation pip, mode CLI/serveur-client, et réglages simples pour une latence minimale.
📌 Tambo est un toolkit React open source pour construire des agents avec UI générative. Composants enregistrés avec Zod, props streamés en temps réel, support MCP complet, local tools, et option cloud/self-hosted. v1.0 disponible.
📌 Glass regroupe un navigateur, un éditeur de code et un terminal dans une seule application, pour passer de la lecture à l’exécution sans changer d’outil.
📌 LISTMONK est une solution de newsletters open source et self-hosted. Gère des millions d’abonnés avec performances optimales.
📌 FOUNTN est une collection de 196 ressources pour le design d’interface. Templates admin, mockups, générateurs de couleurs, outils 3D.
📌 BLOCKS.SO est une collection open source de blocs React et Tailwind CSS modernes et gratuits. Compatible tous frameworks React.
📌 Quickshell permet de construire un desktop Linux modulaire en QML, avec une interface réellement adaptée au quotidien et intégrée à Wayland/Hyprland/Sway.
📌 Homelab Dashboard réunit sur iPhone et Android une interface native pour superviser ses services auto-hébergés, basculer entre plusieurs instances et garder son homelab lisible depuis le mobile.
📌 Notchi affiche l’etat de Claude Code en direct dans l’encoche macOS, suit plusieurs sessions en parallele et reduit les allers-retours vers le terminal.
📌 Uncodixfy impose des regles simples pour eviter les interfaces IA stereotypees et obtenir des ecrans plus sobres, credibles et directement exploitables en production.
📌 Ghost OS connecte un agent IA à macOS pour automatiser e-mails, Finder, Slack et autres apps natives via MCP, avec recettes JSON réutilisables, fallback vision local et exécution orientée confidentialité.
📌 Thesys est une plateforme de Generative UI pour créer des interfaces IA dynamiques en temps réel, avec des composants visuels pilotés par le modèle plutôt qu’un simple flux de texte.
📌 Wiretext est un outil de design spatial qui transforme le wireframing en expérience 100% texte, en s’appuyant sur les caractères Unicode (box-drawing) pour créer des interfaces, schémas et maquettes.
📌 ZenMail est un client Gmail natif pour Mac, rapide et keyboard-first, avec stockage local chiffré, zéro télémétrie et des identifiants gardés dans le Trousseau macOS.
📌 OpenCode Manager centralise chat agentique, fichiers, Git multi-repo et memoire persistante dans une interface web mobile-first pour piloter OpenCode depuis n’importe quel appareil.
📌 PCLink est une application desktop cross-platform orientée contrôle et gestion de PC à distance, avec un backend FastAPI, une Web UI locale/remote, un appairage mobile par QR code et une architecture extensible pour ajouter des fonctions.
📌 Le Tailwind CSS Cheat Sheet de Flowbite est un outil interactif qui centralise les classes utilitaires Tailwind pour faciliter la recherche, la consultation et la réutilisation rapide pendant le développement.
📌 Windhawk est une plateforme de personnalisation pour Windows qui permet d’ajouter, modifier ou ajuster le comportement d’applications et de composants système via des mods, avec une approche plus accessible qu’un bricolage manuel de hooks, scripts et patchs dispersés.
📌 UI Skills est une collection de “skills” prêts à l’emploi pour améliorer les interfaces générées par des agents IA, avec un focus pragmatique sur la qualité UI, l’accessibilité, les métadonnées et la performance des animations.
📌 Thuki : fenêtre IA flottante sur macOS, connectée à Ollama en local (aucun cloud), avec citations, captures d’écran et historique SQLite.
📌 SVGL est une bibliothèque de logos SVG pensée pour les développeurs et designers qui veulent trouver, copier et intégrer rapidement des icônes de marque propres dans leurs projets.
📌 T3 Code ajoute une interface web minimaliste au workflow Codex CLI pour corriger, générer et refactorer plus vite en local, avec un démarrage immédiat via npx ou desktop et un contrôle direct de l’environnement de développement.
📌 Banani est un copilote IA de design UI qui transforme des idées en prototypes multi-écrans éditables, puis permet d’itérer le style et d’exporter rapidement vers Figma, HTML/CSS ou images.
📌 Sigma File Manager est un gestionnaire de fichiers open source moderne pour Windows et Linux avec recherche intelligente, partage sans fil et interface personnalisable.
📌 REPLIT DESIGN est une plateforme qui permet de transformer des designs en applications fonctionnelles de manière fluide. L’outil combine import depuis Figma et éditeur visuel pour concrétiser votre vision design dans votre application. Cette solution s’adresse aux entreprises, PM, designers, équipes ops et développeurs qui veulent créer des business apps et mobile apps avec un prototypage rapide.
📌 TweakCN est un éditeur visuel pour personnaliser les thèmes shadcn/ui, prévisualiser les changements en direct et récupérer le code généré rapidement, avec support Tailwind CSS v4.
📌 Seelen UI transforme Windows 10/11 en environnement de bureau beaucoup plus personnalisable avec un gestionnaire de fenêtres en mosaïque, un lanceur d’applications, des modules visuels et une interface de configuration pensée pour adapter le bureau à son usage.
📌 The Companion est une interface web pour utiliser Claude Code et Codex dans un navigateur, avec sessions multiples, streaming en temps réel, visualisation des appels d’outils et contrôle des permissions sensibles.
📌 TUIOS fonctionne comme un véritable gestionnaire de fenêtres interne au terminal. Chaque session se manipule au clavier, les fenêtres se déplacent, se créent, se renomme, et les modes facilitent le passage entre gestion et saisie.
📌 React Grab capture composant, fichier et HTML depuis le navigateur pour fournir aux assistants de code un contexte précis, réduire les itérations et accélérer les correctifs React en local.
📌 PQO Icons est une bibliothèque d’icônes animées open source, gratuite et personnalisable, idéale pour enrichir rapidement une interface web ou mobile avec des animations fluides et cohérentes.
📌 MSDF Font Generator transforme une police en atlas MSDF net via le navigateur, avec aperçu instantané et export PNG+JSON. Un moyen rapide d’obtenir du texte lisible en UI/WebGL sans pipeline complexe.
📌 DB Thing est un designer de schémas de base de données assisté par IA qui permet de créer, visualiser et optimiser des modèles via le langage naturel, avec export SQL, Prisma et Drizzle.
📌 TanStack est un écosystème de bibliothèques open source orienté frontend et full-stack web, connu pour ses outils headless et type-safe qui couvrent des besoins clés comme la gestion de données, le routing, les tableaux, les formulaires, la virtualisation et des workflows applicatifs plus avancés.
📌 Mockdown est un éditeur web de wireframes ASCII pour prototyper vite, structurer des interfaces et partager des maquettes en texte sans friction.
📌 Best Designs on X centralise une sélection de créations visuelles repérées sur X pour trouver rapidement des inspirations UI, branding et design, avec des mises à jour fréquentes et une veille simple à consulter.
📌 Efecto Studio transforme une idée en interface web sur un canvas infini où toi et des agents IA construisez ensemble des composants réels en Tailwind + HTML, modifiables en direct puis exportables immédiatement.
📌 ScriptCat est un moteur de script open-source pour navigateur, compatible Tampermonkey, qui permet d’automatiser, personnaliser et enrichir votre expérience web.
📌 vscode-dark-islands transforme VS Code avec un rendu sombre floating glass, des micro-animations soignées et une personnalisation UI poussée inspirée de JetBrains.
📌 Subframe accélère la création d’interfaces React + TailwindCSS avec un éditeur visuel drag-and-drop et un code prêt à intégrer en production.
📌 Star Office UI est une interface bureau pixel pour assistant IA avec personnage animé qui se déplace selon l’état, accessible via Cloudflare Tunnel
📌 Panda – Automate with Voice vise une automatisation Android pilotée par la voix, pour exécuter des tâches mobiles sans scripting complexe.
📌 Osaurus transforme un Mac Apple Silicon en runtime IA edge: modèles locaux via MLX, providers cloud, API compatibles OpenAI/Anthropic/Ollama, MCP et automatisations dans une seule couche native.
📌 Ant Design est un framework UI conçu pour créer des interfaces utilisateur élégantes et intuitives, particulièrement adapté pour les applications React. Il allie beauté et intelligence, ce qui permet de travailler dans un environnement inspirant et agréable.
📌 Radon transforme VSCode et Cursor en IDE React Native/Expo avec preview intégré, debugger, inspection réseau et outils avancés pour accélérer les cycles de dev.
📌 DroidClaw transforme un téléphone Android en agent IA actionnable via ADB, avec workflows intelligents et flows rapides pour automatiser des tâches réelles.
📌 TOKSCALE est une application en ligne de commande (CLI) pensé pour suivre la consommation de tokens et estimer les coûts liés à l’usage des assistants de code IA, sur plusieurs plateformes. Tokscale agrège les données de sessions locales (et, pour certains outils, via synchronisation API) afin de transformer des historiques dispersés en statistiques exploitables : volumes de tokens, coûts estimés, modèles les plus utilisés, et activité jour par jour.
📌 DAISYUI BLUEPRINT est un serveur MCP qui sert à générer du code daisyUI fiable, à la demande, directement depuis un LLM et un éditeur de code.
📌 Toolfolio est une plateforme centralisant des centaines d’outils, ressources et produits pour designers, marketeurs, développeurs et professionnels, avec des mises à jour hebdomadaires.
📌 Atheros Learning est une plateforme éducative qui se concentre sur l’enseignement des compétences de conception (UX/UI) et de codage (Ingénierie) avec une approche centrée sur l’IA, offrant un apprentissage direct et ciblé.
📌 Blanq Studio est une agence de design qui se positionne comme un partenaire pour les fondateurs de startups. Elle est spécialisée dans la création de marques et de sites web performants, construits pour convertir et générer des revenus.
📌 Maestro.dev, développé par Mobile.dev, est un framework de tests open-source qui vise à simplifier et fiabiliser l’automatisation des tests pour les applications mobiles (iOS et Android) et web. Il se distingue par son approche déclarative, l’utilisation de fichiers YAML, et sa tolérance aux instabilités, ce qui en fait un outil de choix pour les développeurs et les équipes QA.
📌 Elements.dev est une bibliothèque open-source de composants UI full-stack conçue pour les développeurs Next.js et TypeScript, offrant une intégration transparente avec shadcn/ui.
📌 uiverse.io est une immense bibliothèque open-source d’éléments d’interface (UI) gratuits, créés en HTML/CSS par une communauté de passionnés, prêts à être copiés-collés.
📌 ToolJet est une plateforme low-code open-source qui permet aux entreprises de construire et de déployer rapidement des applications internes personnalisées.
📌 MOCHA est un service en ligne conçu pour transformer les idées en applications fonctionnelles sans avoir besoin de coder. Grâce à son intelligence artificielle intégrée, il permet aux entrepreneurs, aux makers et aux professionnels non techniques de créer des applications web et des prototypes en un temps record, tout en maintenant une qualité élevée.
📌 SUBFRAME est un service en ligne pour concevoir des interfaces utilisateur avec rapidité et précision, grâce à une intégration parfaite entre design visuel et code.
📌 GLASS UI est un service en ligne conçu pour générer rapidement des composants HTML et CSS suivant les principes du glassmorphism. Inspiré du site ui.glass, cet outil permet de personnaliser à la volée couleurs, opacité, flou et autres propriétés visuelles pour créer des interfaces modernes et épurées.
📌 Superdesign.dev est une extension VsoCode / Cursor / Windsurf / etc… qui révolutionne la création d’interfaces grâce à l’intelligence artificielle. Pensé pour s’intégrer directement dans les éditeurs de code modernes, il permet d’explorer, tester et générer plusieurs pistes de design en quelques secondes.
📌 TWEAKCN est un service en ligne dédié à la personnalisation visuelle des composants shadcn/ui. Il permet de concevoir des thèmes Tailwind élégants, directement dans le navigateur, sans inscription.
📌 Clarifier deux notions clés du design UX : les design systems et les UI kits, souvent confondus, mais distincts dans leur usage.
📌 Magic Patterns est une application qui transforme la manière de créer des prototypes grâce à l’intelligence artificielle. Elle permet de construire rapidement des interfaces interactives en partant d’un simple prompt ou même d’une capture d’écran. Idéal pour générer un premier prototype en quelques secondes.
📌 Explorons ici la vraie valeur d’un design system au-delà de la simple cohérence visuelle. Trop souvent réduit à une simple bibliothèque de composants ou confondu avec un UI kit, le design system possède comme j’aimer le decrire, deux facettes d’une même pièce : une Design Library et une Code Library. C’est en réalité un ensemble complet d’assets designés et codés qui encadrent la conception et le développement d’un produit numérique.
📌 AYA est une application qui permet de contrôler facilement un appareil Android depuis un ordinateur. Elle sert d’interface graphique pour ADB, offrant un accès simplifié aux outils essentiels du développement et du débogage.
📌 Toools.design est une plateforme qui regroupe plus de 1 500 ressources dédiées au design, régulièrement mises à jour pour la communauté.
📌 INSPO ME est un plugin qui permet d’accéder directement à des inspirations UI/UX de qualité sans quitter un fichier Figma.
📌 DEEPSITE est une plateforme en ligne gratuite qui permet de générer instantanément des sites web professionnels, des jeux interactifs ou des applications à partir de simples descriptions textuelles, appelées “prompts”. Grâce à la puissance du modèle d’IA DeepSeek V3 et à un pré-prompt bien optimisé, DeepSite interprète vos besoins exprimés en langage naturel et produit automatiquement le code, la structure et le design de votre projet.
📌PINOKIO est une application qui permet d’installer, d’exécuter et d’automatiser localement n’importe quelle IA sur un ordinateur, grâce à une interface utilisateur intuitive. Elle permet d’automatiser diverses tâches, y compris l’installation d’applications et de modèles d’IA, la gestion des applications installées, ainsi que l’exécution de commandes pour automatiser des actions sur la machine. Super alternative a Ollama
📌 SHADCN est une bibliothèque de composants UI pour React, conçue pour offrir une expérience fluide et esthétique. Basée sur Radix UI et Tailwind CSS, elle permet d’intégrer rapidement des éléments modernes et accessibles dans une interface.
📌 BROWSER-USE est un service qui permet aux agents IA d’interagir avec les sites web directement dans votre navigateur, comme le propose OPERATOR d’OpenAI par exemple. Grâce à une extraction précise des éléments interactifs, il arrive à naviguer dans les sites et ainsi réaliser les taches que vous lui demandez.
📌 TRICKLE AI est un service en ligne conçu pour créer des sites web, des applications basées sur l’IA et des formulaires, le tout en quelques clics. Grâce à ses fonctionnalités innovantes, il simplifie le processus de création tout en offrant des résultats impressionnants.
📌 BUILDER.io est une application révolutionnaire pour le développement visuel, qui permet de transformer les processus web avec rapidité, efficacité et simplicité et de convertir automatiquement vos Figma en code.
📌 Midscene.js s’appuie sur un modèle de langage multimodal (LLM) capable de « comprendre » intuitivement une interface utilisateur. Il suffit de décrire les interactions ou les formats de données attendus, et l’IA se charge de l’exécution.
📌 V0 est une application révolutionnaire pour les développeurs et designers. Annoncée par Vercel il y a quelques mois, V0.dev utilise une technologie similaire à ChatGPT pour générer du code React dédié à l’interface utilisateur. Ce qui le distingue, c’est sa capacité à transformer directement des designs Figma en code React, facilitant ainsi la transition entre conception et développement.
📌 Je vous mets ici une traduction d’un article vraiment sympa sur les compétences clés d’un UX designers. Je me suis permis également d’amender, de compléter et d’ajouter un certain nombre de commentaires 😉
https://github.com/paperclip-ui/paperclip 📌 PAPERCLIP propose une approche hybride de la construction d’interfaces utilisateur qui vous permet de concevoir et de coder en parallèle. Il se concentre uniquement sur l’aspect visuel de votre application – juste du HTML, du CSS, que vous pouvez ensuite importer directement dans votre application type VSCODE. PAPERCLIP fonctionne actuellement avec React, d’autres…
📌 PRELINE UI est un design system, open-source, basés sur le framework CSS Tailwind, et bien évidement FIGMA.
📌 MONDAY HERO est un outil permettant de convertir vos conceptions Figma, Sketch et XD en code mobile pour les développeurs
📌 GLASSMORPHISM UI GENERATOR est un outil en ligne permettant de générer le code CSS d’une interface en glassmorphism qui est une nouvelle tendance de conception qui repose principalement sur l’effet de flou d’un élément et d’un arrière-plan.
📌 EPICONS est une librairie d’icônes modernes soigneusement conçues. Composé de plus de 2000 icônes de qualité supérieure, EPICONS vous permet de renforcer vos conceptions UI.
📌 DESIGN NOTES est un site de curation, proposant une bibliothèque de ressources gratuite pour Product Designer.
📌 UXTOAST est une application mobile iOS et Android se proposant d’apprendre les lois et principes fondamentaux de la conception UX et UI.
📌 PENPOT est un #outil de #conception et de #prototypage #OpenSource, destinée aux équipes pluridisciplinaires. #CrossPlatform, PENPOT est basé sur le des technologies web, il vous suffit d’utiliser un navigateur moderne et il fonctionne avec un format de fichier ouvert, standard du web : le #SVG.
#cmondary #tools #UX #UI
📌 KRITA est une application open source conçue pour les illustrateurs, les concepteurs, les dessinateurs, les créateurs de bandes dessinées, les matte-painters et les texturistes.
#cmondary #illustration #texture #UI #tools
📌 UX MASTER CLASS est un ensemble de #ressources qui vise à vous aider à apprendre les bases et les meilleures pratiques du #design #UI / #UX pour réussir sur ce marché en expansion. Le tout est hébergé sur un espace #NOTION , en anglais et est vraiment très complet.
📌 OPEN PEEPS est une bibliothèque de personnages vectoriels. Créé par @PabloStranlay, elle fonctionne comme des blocs de construction faits de bras, de jambes, de vêtements, de coiffures et de visages avec émotions. Vous pouvez alors mélanger ces éléments pour créer différents Peeps / personnages.
Le tout utilise les fonctions symboles de Sketch / Figma, donc très simple d’utilisation et surtout directement depuis votre outil de création habituel.
#UI #cmondary
📌 ARTICLE sur les différences entre les différents métiers :
UX , XD, UXD, UED pour User eXperience
UI pour User Interface
CX pour Customer eXperience
IXD pour Interaction Design
UXE pour User eXperience Ecosystem
IA pour Information Architecture
#UX #XD #UXD #UED #UI #CX #IXD #UXE #IA
#cmondary
📌 ARTICLE super intéressant sur ce qu’est l’UI et l’UX.
L’article est composé de la manière suivante :
Qu’est-ce que l’UX ?
– Alors pourquoi le UX est-il si important ?
– UX, UI : quelle est la différence ?
– #UX, c’est la conception de l’expérience utilisateur
– #UI, c’est la conception de l’interface utilisateur
En bref, rien de très neuf, mais j’ai particulièrement bien aimé le « pourquoi est-ce important ? » avec la petite infographie #IBM 😉
Et puis je me dis que peut être est il encore nécessaire de le rappeler en 2020 pour ceux qui ne ferait pas encore bien la différence.
#cmondary
📌 ARTICLE sur la manière qu’a le DesignSystem de changer nos métiers.
En effet, l’autrice présuppose ici qu’une fois que vous aurez un DesignSystem, les emplois commencerons à changer, et vous serez à la recherche de nouvelles compétences CX/UX pour vos candidats.
Parce qu’avec un DesignSystem, n’importe qui peut faire un joli wireframe en utilisant les composants prédéfinis. La tache de conception sera donc une tache d’assemblage, accessible à tout le monde.
Les compétences CX / UX valorisés seront alors plus axés sur la méthodologie et certainement la Recherche, Co-conception et Tests.
#cmondary