Этот open-source репозиторий скопировал дизайн Claude (и это КРУТО)

하이라이트

• Huashu design — это опенсорсный репозиторий, который клонирует функциональность Claude design, позволяя создавать интерактивные прототипы веб-приложений, слайды и инфографику.

• Навык Huashu design использует системные промпты, аналогичные Claude design, и работает как расширение для AI-кодеров, таких как Claude code.

• Использование Huashu design в Claude code не расходует недельные лимиты Claude design, что позволяет обходить жесткие ограничения на количество запросов.

• Huashu design включает доступ к 20 подробным Markdown-файлам с рекомендациями по стилям дизайна и анимации, а также цепочку инструментов для преобразования HTML в MP4.

• В тестах на создание лендинга и слайдов Huashu design продемонстрировал результаты, сопоставимые по качеству и эстетике с Claude design, при значительно меньшем потреблении токенов.

타임라인

1. 00:00 - 03:07

   Проблема лимитов Claude design и решение через Huashu

   Пользователь сталкивается с невозможностью полноценно использовать Claude design из-за жестких ограничений, несмотря на дорогой тарифный план 20x. Huashu design решает эту проблему, превращая дизайн-методологию в доступный навык для локальных или внешних агентов-кодеров, что обеспечивает гибкость работы.

   • Claude design имеет строгие недельные ограничения, которые исчерпываются менее чем за час работы.
   • Huashu design представляет собой опенсорсный репозиторий, использующий философию и промпты Claude design.
   • Этот навык интегрируется в любого AI-агента, например Claude code, снимая зависимость от проприетарных лимитов сервиса.
2. 03:08 - 08:31

   Сравнение создания лендинга и возможностей правок

   В ходе сравнения создания лендинга для SaaS-продукта Huashu design показал способность предоставлять несколько вариантов верстки одновременно. Несмотря на отсутствие прямого графического редактора, Huashu поддерживает изменение шрифтов, цветовых акцентов и плотности макета через промпты, демонстрируя высокую эффективность использования ресурсов.

   • Huashu design позволяет генерировать варианты дизайна и вносить правки, аналогично нативным функциям Claude design.
   • В тестах Huashu design потребовал менее 1% недельного лимита токенов, в то время как Claude design израсходовал 15% за аналогичный объем работы.
   • Claude design сохраняет преимущество в удобстве графического интерфейса, позволяя кликать и вносить точечные правки напрямую.
3. 08:32 - 14:58

   Работа с дизайн-системами и создание презентаций

   Тестирование показало, что Huashu design успешно адаптируется под специфические визуальные стили, даже не имея предзагруженной дизайн-системы. Хотя Claude design остается более удобным инструментом для командной работы и точного визуального редактирования, навык Huashu является полноценной альтернативой для индивидуальных пользователей, желающих избежать ограничений.

   • Claude design эффективно использует дизайн-системы, потребляя при этом до 30% недельного лимита при их создании.
   • Huashu design способен имитировать эстетику и дизайн-системы, работая на основе предоставленных директорий с примерами.
   • При создании слайдов оба инструмента показывают схожую визуальную идентичность, при этом Huashu работает в разы экономичнее по лимитам.