Ce repo open source vient de cloner le design de Claude (et c'est RÉUSSI)

하이라이트

• Huashu Design clone permet de générer des prototypes interactifs sans les limites strictes d'utilisation hebdomadaires imposées par Claude Design.

• La compétence Huashu Design accède à 20 fichiers Markdown spécialisés et une chaîne d'outils exécutable utilisant Playwright pour valider le code généré.

• L'utilisation de la compétence Huashu Design consomme environ 130 000 jetons par session, soit moins de 1 % de l'utilisation hebdomadaire allouée sur un plan 20X.

• Les tests comparatifs montrent que Huashu Design rivalise avec Claude Design pour la création de pages de destination et de présentations, tout en offrant une alternative moins coûteuse.

• Claude Design conserve un avantage pour le travail collaboratif et les modifications directes grâce à son interface graphique interactive.

타임라인

1. 00:00 - 01:10

   Problématique des limites d'utilisation de Claude Design

   Bien que Claude Design soit jugé performant, ses limitations d'utilisation freinent la productivité en moins d'une heure. Huashu Design résout ce blocage en rendant ces capacités disponibles pour des agents de codage comme Claude Code sans les restrictions d'Anthropic.

   • Claude Design impose des limites hebdomadaires restrictives, même sur les abonnements payants à 200 dollars par mois.
   • Huashu Design est un dépôt open source qui clone les invites système de Claude Design sous forme de compétence agentique.
2. 01:10 - 03:08

   Capacités techniques de Huashu Design

   Sous une interface simple, le système dissimule une architecture riche incluant des composants, des médias et des outils d'exécution automatique. Cette structure permet de concevoir des diaporamas, du motion design et des infographies avec une cohérence similaire à l'outil natif.

   • La compétence intègre 20 mini-compétences basées sur des fichiers Markdown traitant du design, de l'animation et des meilleures pratiques.
   • Huashu Design possède une chaîne d'outils pour transformer le HTML en MP4 et vérifier la viabilité du code via Playwright.
3. 03:08 - 08:56

   Comparaison de performance : Pages de destination

   Les deux outils ont été testés sur la création d'une page pour un produit SaaS fictif. Si les deux proposent des résultats visuellement proches, la solution Huashu offre une flexibilité d'itération supérieure en termes de gestion des limites de jetons, bien que Claude Design reste plus rapide pour les réglages fins.

   • Huashu Design génère des pages web avec des variantes comparables en qualité visuelle à Claude Design.
   • Le coût en jetons est drastiquement inférieur, avec seulement 130 000 jetons consommés par session contre 15 % de l'allocation hebdomadaire pour Claude Design.
4. 08:56 - 12:29

   Test de cohérence du système de design

   L'épreuve consistait à appliquer une esthétique spécifique à une nouvelle page. Huashu Design a réussi l'exercice en 11 minutes en construisant le système de design de manière autonome, rivalisant avec la qualité visuelle de l'outil natif tout en étant bien plus économique.

   • Huashu Design est capable d'extraire et d'appliquer une esthétique cohérente à partir d'un système de design fourni par l'utilisateur.
   • Claude Design recrée des tableaux de bord plus fidèles grâce à son intégration native, mais au prix d'une consommation de 30 % du quota hebdomadaire.
5. 12:29 - 15:00

   Évaluation des présentations et conclusion

   Malgré quelques ajustements nécessaires pour le texte, la compétence Huashu démontre une efficacité impressionnante pour les présentations. Bien que l'interface graphique de Claude Design offre un contrôle supérieur pour le dessin et la collaboration, Huashu constitue une alternative viable et puissante pour l'utilisateur moyen souhaitant éviter les blocages de service.

   • Les deux outils produisent des présentations cohérentes, malgré des artefacts mineurs comme des chevauchements de texte.
   • Claude Design surpasse la compétence pour les modifications manuelles et le travail d'équipe grâce à son interface graphique.