Development Journey

The birth of TechUI did not happen overnight; it is a long-distance run spanning 7 years.

From a rough SVG border at the beginning to a flagship component library with a complete ecosystem today, this journey has witnessed the evolution of frontend technology and recorded the persistence and exploration of an independent developer.

Timeline

🐣 2019: The Spark

Keywords: @jiaminghi/data-view · SVG · Prototype

The story began with a request from a friend for a large-screen dashboard project. At that time, the market lacked Vue big-screen components that were both beautiful and easy to use. To meet the requirements, I performed secondary development based on the open-source library @jiaminghi/data-view.

• Outcome: Completed the first version for personal use. Although it lacked system design and felt cobbled together, it barely solved the problem of "making it not just usable, but also good-looking."
• Accumulation: Gained a deep understanding of dynamic SVG path calculation mechanisms, laying the foundation for the later Scifi style.

🛡️ 2021: The Barrier

Keywords: Digital Cube · i18n · JS Encryption

To protect the fruits of my labor, I began exploring frontend authorization mechanisms and named the component library "Digital Cube" (Shuzi Mofang).

• Technical Attempt: Designed the first-generation theme system and introduced i18n internationalization support.
• First Commercialization: Developed the first frontend licensing feature using JS obfuscation and encryption. Although security was limited, this marked the beginning of the project's commercial exploration.

🌫️ 2022: The Fog

Keywords: Trial and Error · TechUI · Version Chaos

The project was officially renamed TechUI. To find the best technical route, a large number of divergent attempts were made this year, leading to a period of confusion.

• Version Explosion: Successively released multiple versions such as TechUI-Vue2, TechUI-Vue3-lite, and TechUI-React-lite.
• Lessons Learned: Frequent breaking updates, obscure API designs, and a lack of competitive pricing strategies led to the failure of promotion efforts during this period.

🦀 2023: The Hard Core

Keywords: Rust · WASM · Security

To solve the pain point of JS authorization being easily cracked, I crossed over to learn the Rust language.

• Core Breakthrough: Utilized Rust to build the WebAssembly (WASM) core module, achieving military-grade authorization verification and high-performance computing.
• Significance: This not only solved the piracy issue but also gave TechUI a "Black Tech" kernel independent of the UI framework.

🤖 2024 - 2026: The Singularity

Keywords: Vue3 Refactor · AI Collaboration · One-Man Army

This was the period of TechUI's true metamorphosis. Facing a massive refactoring workload (Base, Admin, Scifi libraries), as the sole developer, I introduced AI as a core productivity tool.

• Architecture Established: Completely refactored the underlying layer, establishing the trinity architecture of Base (Foundation) + Admin (Skeleton) + Scifi (Skin).
• AI Deep Empowerment:
• Claude: Served as the core architect and main component developer. Assisted in completing the vast majority of complex component logic writing and type definitions.
• Gemini: Served as the technical documentation expert and code reviewer. The detailed documentation you are reading now was built with deep participation from Gemini.

The Team Behind the Scenes

As of January 2026, all code commits, architectural designs, and documentation writing for TechUI have been independently completed by aYin.

But this does not mean I am fighting alone. In this era of AI explosion, I have assembled a powerful "Virtual Team":

Role	Member	Responsibilities
Creator & Lead	aYin	Architecture design, visual control, core decisions, WASM development
Co-Pilot (Code)	Claude	Complex component logic implementation, unit testing
Co-Pilot (Docs)	Gemini	Documentation architecture planning, content polishing, multi-language translation

We believe that "One Person + AI" is the ultimate form for future independent developers. TechUI is a practitioner and beneficiary of this model.