hiui-design

What it does: This skill builds standard business page types, tables, dashboards, statistics pages, forms, and detail views, inside a React project using a design system called HiUI. It only starts generating a page once it has a clear, structured plan to follow. It will not write code based on guesswork. It follows a strict recipe for each page: what starting template to use, in what order the sections get assembled, which parts are safe for the page's actual business content, and what to check after each step. If a required piece of information is missing, it stops rather than inventing something to fill the gap. Before declaring any page finished, it runs automated checks, and if those checks fail, it will refuse to say the work is complete. It also supports updating old, non-standard pages, or converting old system screenshots and legacy code into the current standard. When to use it: - Adding, modifying, or reviewing a business page inside a React project that uses the HiUI design system - Converting an old screenshot, mockup, or outdated page into a properly structured modern page