• About Us
King of Computer Media
  • Home
  • Tech News
  • AI News
  • Apps & Tutorials
  • Mobile & Telecom
  • Lifestyle
  • About Us
No Result
View All Result
  • Home
  • Tech News
  • AI News
  • Apps & Tutorials
  • Mobile & Telecom
  • Lifestyle
  • About Us
No Result
View All Result
King of Computer Media
No Result
View All Result

Home - AI Tools and Tutorials - Claude Design reverse-engineered and open-sourced right after launch! Huashu Design: Generate prototypes, presentations, and MP4 animations with just one prompt

Claude Design reverse-engineered and open-sourced right after launch! Huashu Design: Generate prototypes, presentations, and MP4 animations with just one prompt

KOCPC Editor by KOCPC Editor
April 21, 2026 - Updated on August 5, 2026
in AI Tools and Tutorials, Latest Technology News

Claude Design“, focusing on generating interactive prototypes, presentations, and brand landing pages through conversation alone, directly challenging the entire design tool industry—including Figma, Adobe, and Canva. However,in less than four daysA Chinese independent developer announced on X that he “reverse-engineered Claude Design,” and on April 21, 2026 at exactly 12:00 noon, he released his own Claude SkillHuashu DesignReleased free and open source on GitHub. Now there’s no need to subscribe to Claude—you can also get design capabilities similar to Claude Design using other models.

我逆向了Claude Design!

明天12:00正式免费开源Huashu Design,这是预告片👇 pic.twitter.com/LxtYyKY30p

— 花叔 (@AlchainHust) April 20, 2026

What is Claude Design? Anthropic’s new weapon that’s shaking up the entire design tool scene

To understand why Huashu Design is an “event,” we first need to clarify what the original Claude Design is. According to Anthropic’s official announcement, Claude Design is a Claude Opus 4.7 A vision model-powered cloud design tool that lets users generate design mockups, interactive prototypes, presentations, and single-page landing pages through conversation directly at claude.ai/design. It automatically reads the team’s codebase to extract brand color palettes, fonts, and component specifications, and can generate visual versions directly from uploaded DOCX, PPTX, or XLSX files. Exports to PDF, PPTX, Canva, HTML, or hands off to Claude Code to convert into a complete web product.

However, there’s a considerable hurdle:Claude Design is only available to Claude Pro, Max, Team, and Enterprise subscribers.During the research preview phase, enterprises still require administrators to manually enable it. The market’s reaction to this tool has been quite intense. According to rar.design’s analysis, the news of Anthropic’s CPO leaving Figma’s board broke simultaneously with the reveal of Claude Design, causing Adobe, Figma, and Wix stock prices to drop across the board on the same day—demonstrating that the industry views this as a positive disruption to the traditional design tools market.

Who is Hua Shu? Created a reverse-engineered open-source Skill in just four days

Uncle HuaKnown online as Alchain Hust (also “Peanut” in Chinese), he is a highly active AI-native developer on X, Bilibili, and YouTube. He has long run the “Orange Book Series” open-source tutorials, covering topics from Claude Code, Hermes Agent, and Obsidian AI integration to the Knowledge Planet community. On GitHub, he has released over a dozen cognition-themed Skills (such as x-mentor-skill, trump-skill, steve-jobs-skill, zhangxuefeng-skill, etc.), and holds considerable influence within the Chinese AI workflow community.

He took his learnings from experimenting with Claude Design, decomposed and abstracted them into a Claude Skill that can be installed across multiple agents, going from announcement to release in just four days. In the README, he honestly admits: “The philosophy of brand asset agreements was borrowed from the prompts that came out of Claude Design.” The standout feature of this Skill is that it can be installed and used on any Agent and model.

What Can Huashu Design Do? A Comprehensive Breakdown of Six Core Capabilities

According to the GitHub official repo README and the demos folderHuashu Design’s core competencies can be summarized into six areas:

  • iOS/Web high-fidelity clickable prototypeFor example, input “Create an AI Pomodoro iOS prototype with 4 tappable core screens” and directly generate an interactive HTML prototype.
  • Native HTML Presentation (Exportable to PPTX)Instructions like “Create a presentation on AI psychology, suggest 3 style options for me to choose from” would first present the style choices, then generate the slides, while also supporting direct HTML preview and PPTX export.
  • Timeline animationTurn this logic into a 60-second animation and export it as MP4 and GIF, right from the terminal.
  • Design variants for real-time parameter fine-tuningAfter generation, you can change colors, spacing, and font size, then redraw in real-time
  • InfographicVisualize data, processes, and concepts
  • Five-Dimensional Design ReviewProvide expert-level code review for any design mockups, giving feedback from five perspectives: visual hierarchy, typography, color scheme, contrast, and consistency.

The repo’s structure is also quite clean, mainly consisting of SKILL.md(Agent Manual)assets/(reusable animations, device frames, slide engine)references/Design and Animation Techniques Guidescripts/(Video and PPTX Export Tool) and demos/(9 feature demonstrations, with bilingual Chinese-English examples in various formats including GIF, MP4, and HTML) composed of 5 parts. The README also explicitly notes: all animation demonstrations are created by Huashu Design themselves, not external assets.

Cross-agent one-click installation: npx skills add alchaincyf/huashu-design

For developers, the biggest draw is actually the low barrier to installation. Huashu Design requires no subscription, no server, and isn’t tied to any specific agent. Installation is just one line:npx skills add alchaincyf/huashu-design。

Currently supports Claude Code、Cursor、Codex、OpenClaw、Hermes These major AI coding agents. In other words, as long as you have any agent development environment on hand, you can directly mount Huashu Design as a skill, without being locked into Anthropic’s cloud subscription ecosystem like Claude Design.

Another highlight that the community discussed is Brand Asset ProtocolThis concept was absorbed from Claude Design. When executed, it automatically pulls color palettes and visual guidelines from official brand sources, ensuring every output maintains consistency without a bunch of conflicting-style materials popping up. This protocol is also why Hua Shu says he’s not simply “copying,” but reconstructing the core workflow logic from Claude Design’s backbone into a terminal-native skill.

Claude Design follows a graphical interface approach, where users click, drag, and fine-tune on claude.ai/design; Huashu Design, on the other hand, is completely terminal-nativeUsers don’t even open any GUI at all—they just send prompts in the agent conversation window, and the output is directly a set of HTML/MP4/PPTX files that can be pushed, deployed, and packaged.

Uncle Hua himself explained his motivation: he spent a lot of time playing with Claude Design, but found he was still more comfortable with agent workflows, so he simply tore down Claude Design’s architecture and distilled it into a structured skill spec. For developers who also prefer keyboard-first, terminal-centric workflows, this approach is faster than opening a browser.

huashu-design Hero · 打字 → 选方向 → 画廊展开 → 聚焦 → 品牌显形

Of course, Huashu Design isn’t a complete replacement for Claude Design. The Anthropic original has stable cloud infrastructure, team collaboration, multi-format export, and Canva integration—things that open-source skills can barely replicate. But for individual developers, freelancers, or anyone who wants to create presentations using prompts in Claude Code, Cursor, or OpenClaw, Huashu Design significantly lowers the barrier to entry.

Huashu Design Github

If you already have any of Claude Code, Cursor, or OpenClaw agent development environments, take ten seconds to run it. npx skills add alchaincyf/huashu-designOr you could just give your Agent a GitHub URL and it will automatically install and be ready to use. Perhaps your next prototype, your next presentation, or your next animation might not require opening Figma anymore.

Source: KOCPC Chinese

Tags: AnthropicClaude DesignGithubHuashu DesignOpen source

Recent Posts

  • The Xiaomi Pad 8S Pro has passed network access certification and will debut with the self-developed XRING O3 chip.
  • The entire Google Pixel 11 lineup has been leaked! Official promotional renders of the Pixel 11 Pro XL have also surfaced
  • Are Chinese phone battery capacities falsely labeled? A brief look at the “capacity locking” phenomenon in Chinese silicon-carbon batteries.
  • NCC is leaderless, recklessly sending out national-level alert messages!?
  • What does “QR” in QR Code mean?

Recent Comments

No comments to show.
  • About Us

We welcome partnership inquiries and product review opportunities from smartphone manufacturers, iPhone accessory brands, and app developers.koc kocpc.com.tw|Privacy Policy |Hosting & Maintenance: Fast Line Taiwan, A-Chang Digital Technology

No Result
View All Result
  • Home
  • Tech News
  • AI News
  • Apps & Tutorials
  • Mobile & Telecom
  • Lifestyle
  • About Us

We welcome partnership inquiries and product review opportunities from smartphone manufacturers, iPhone accessory brands, and app developers.koc kocpc.com.tw|Privacy Policy |Hosting & Maintenance: Fast Line Taiwan, A-Chang Digital Technology