Huashu Design contra Claude Design: tres proves per saber fins on arriba el «clon» obert

Huashu Design és un skill que ensenya un agent de programació a produir interfícies, presentacions, animacions i infografies amb HTML, CSS i una cadena d’eines local. Chase AI el confronta amb Claude Design perquè busca una sortida als límits d’ús que diu haver esgotat en menys d’una hora, tot i pagar el pla 20x d’Anthropic.

El resultat no és un clon perfecte. En tres proves, el repositori genera peces visualment properes, consumeix una fracció de la quota setmanal que el creador atribueix a Claude Design i permet continuar iterant des del terminal. Claude Design continua sent més ràpid, més polit i molt més directe quan cal clicar, dibuixar o comentar una part concreta del llenç.

Què conté Huashu Design

El projecte no és un model nou ni una aplicació gràfica. És un conjunt d’instruccions, referències, components i scripts que un agent compatible pot llegir mentre treballa. La versió provada al vídeo incloïa una vintena de guies especialitzades sobre diapositives, estils, animació i altres lliurables, a més d’actius reutilitzables i eines per renderitzar HTML, exportar vídeo o validar la interacció amb Playwright.

El repositori ha evolucionat des de la gravació. Actualment es presenta com a compatible amb Claude Code, Codex, Cursor i altres agents que admeten skills en Markdown. La instal·lació recomanada és npx skills add alchaincyf/huashu-design, però el mateix README demana comprovar que també s’han copiat references, assets, scripts i demos: amb només SKILL.md faltaria bona part del sistema.

El vídeo afirma que utilitza «exactament els mateixos prompts de sistema» que Claude Design. El repositori és més precís: el seu autor diu que el protocol d’actius de marca s’inspira en prompts de Claude Design que circulaven per la comunitat i que va destil·lar aquells principis en una especificació pròpia. Això no demostra que tot el producte reprodueixi el sistema intern complet d’Anthropic.

Primera prova: una landing page sense actius

Chase demana una pàgina per a Lighthouse, un SaaS fictici d’analítica destinat a desenvolupadors individuals. Tant Claude Design com Huashu comencen fent preguntes sobre públic, to, seccions, textos i variants. La diferència inicial és que Claude Design mostra opcions visuals dins la seva interfície, mentre que el skill retorna la conversa al terminal.

Huashu crea tres direccions —Ledger, Terminal i Paper—, consultables per separat o en una vista conjunta. El revisor considera que les tres superen clarament el que obtindria amb una petició genèrica a un agent de codi. Claude Design ofereix una composició editorial semblant, però una de les seves variants amb degradat li sembla el típic resultat visual genèric d’IA.

La prova és il·lustrativa, no cega: el mateix autor veu quin sistema ha produït cada peça i decideix amb criteri personal. El que sí demostra és que el skill estructura el brífing, força diversitat i entrega HTML navegable en comptes d’una sola captura.

Variants i controls: comparable, però menys immediat

Claude Design permet canviar clar o fosc, color d’accent, titulars i altres paràmetres des d’un panell. Huashu també genera un sistema de «tweaks» coherent amb la pàgina: tipografia, tema, densitat, accents i visibilitat de blocs es poden modificar al navegador i ampliar amb una altra petició.

La distància apareix en la interacció fina. A Claude Design es pot seleccionar un element, deixar-hi un comentari o dibuixar la zona que s’ha de moure. En un skill conversacional cal descriure el canvi i esperar que l’agent localitzi el component correcte. Per a moltes variants globals funciona bé; per ajustar píxels o col·laborar visualment amb un equip, la GUI conserva un avantatge estructural.

Chase informa que aquesta fase va consumir aproximadament un 15% de la seva quota de Claude Design. El skill havia processat uns 170.000 tokens i, segons el seu compte 20x, això representava una part molt menor de la quota setmanal. No és una comparació econòmica universal: plans, preus, models, memòria cau i longitud del context poden canviar. També admet que Huashu tarda més.

Segona prova: heretar un sistema visual

El repte següent és reconstruir Lighthouse amb l’estètica d’un tauler anomenat Agentic OS. Claude Design ja tenia el sistema carregat; Claude Code rep una carpeta amb els fitxers que el skill ha d’analitzar. Tots dos recuperen fonts, colors, components i el personatge gràfic, i produeixen una landing que sembla part de la mateixa família.

Claude Design acaba en uns tres minuts i consumeix, segons el vídeo, un 10% addicional de quota. Huashu necessita onze minuts i uns 70.000 tokens. El resultat del skill té alguna alineació millorable i adapta el personatge en lloc de copiar-lo amb exactitud, però manté la identitat essencial. Chase prefereix lleugerament la versió de Claude Design, sobretot perquè integra un tauler propi més elaborat.

Aquesta és la prova més útil: un agent no ha d’inventar una marca si pot inspeccionar-ne els actius. El README actual converteix aquesta idea en un protocol obligatori: demanar logotips, captures, colors i tipografies; cercar fonts oficials; verificar els fitxers, i fixar-ho tot en un brand-spec.md.

Tercera prova: diapositives coherents, amb errors de maquetació

Els dos sistemes creen una presentació de Lighthouse a partir del mateix llenguatge visual. Claude Design manté l’estil en pocs minuts, tot i deformar lleugerament un personatge. Huashu conserva colors, tipografia i motius de la web anterior, però presenta text superposat en dues diapositives i un element tallat.

Chase considera que són incidències reparables amb una petició. Tanmateix, també revelen per què la validació és part del producte: una presentació no queda acabada només perquè el concepte sigui bo. Cal comprovar desbordaments, contrast, navegació, relació d’aspecte, fonts i exportació. El repositori actual inclou scripts de verificació i conversió a PDF o PPTX, però l’usuari continua sent responsable de revisar el lliurable.

Què substitueix i què no

Per generar tres direccions, una landing, un prototip clicable o un primer deck des del terminal, Huashu Design és una alternativa convincent. El codi queda disponible, es pot versionar i el flux principal de disseny i renderització s’executa localment. Les funcions de núvol que descriu el projecte són opcionals i requereixen claus pròpies; abans d’executar scripts de tercers continua sent prudent revisar el codi i el document de seguretat.

No substitueix la manipulació directa d’un llenç, els comentaris ancorats, la col·laboració gràfica ni un flux complet de Figma. El mateix mantenidor defineix Huashu com un skill «de 80 punts», amb limitacions en animació complexa, 3D i edició per capes.

Hi ha un canvi important respecte del moment del vídeo: des del 14 de maig de 2026 el repositori utilitza llicència MIT i permet ús personal i comercial. La llicència anterior restringia l’ús empresarial. Per tant, l’etiqueta de codi obert és inequívoca en la versió actual, però els resultats i consums que mostra Chase corresponen a una revisió anterior i no garanteixen el comportament present.