Frontend

Harden strengthens interfaces against long text, RTL and i18n issues, loading and error states, and edge cases. Use it when making a UI production-ready with better validation, overflow handling, and graceful recovery.

HeroUI React helps you build React UIs with HeroUI v3 components such as Buttons, Modals, Forms, and Cards. Use it when installing @heroui/react, applying Tailwind CSS v4, or setting up dark and light themes.

Normalize audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use it when a feature has design drift, inconsistent styles, or needs to be brought back in line with the system.

Onboarding designs first-run experiences, empty states, and guided flows that help users reach value quickly. Use it for activation, getting started, and new user journeys.

Overdrive pushes interfaces past conventional limits with shaders, spring physics, scroll-driven reveals, and high-performance animations. Use it when a UI should feel extraordinary, especially for landing pages, interactions, or data-heavy views.

Performance Optimization diagnoses and fixes UI performance issues across loading speed, rendering, animations, images, and bundle size. Use it when a user reports slow, laggy, or janky interfaces or wants a faster experience.

Quieter tones down visually aggressive or overstimulating designs while preserving usability and character. Use it when a interface feels too bold, loud, or overwhelming and needs a calmer, more refined look.

Typeset improves typography by fixing font choice, hierarchy, sizing, weight, and spacing so text reads clearly and feels intentional. Use it when fonts, readability, or text hierarchy look off or need polishing.

Apple Design audits mobile and desktop UI/UX against Apple HIG-based design principles adapted for Flutter, React Native, Electron, Tauri, and native apps. Use it to review screenshots, mockups, wireframes, or app designs for accessibility, layout, typography, and platform fit.

Frontend Design guides HTML, CSS, and JavaScript for polished web UIs and interactive projects. Use it when building websites, web apps, browser games, or single-file frontend demos.

HarmonyOS Development covers building, reviewing, debugging, and migrating HarmonyOS NEXT native apps with ArkTS, ArkUI, DevEco tools, Stage model, and related kits and APIs. Use it for common 鸿蒙开发 workflows across app structure, state, navigation, permissions, persistence, networking, and testing.

UX Principal decides where a UI feature belongs before implementation. It reads and updates UX manifest docs, classifies the feature, and returns a placement and implementation brief without coding unless asked.