Frontend

Building Tables creates semantic tables and data grids for structured data display. Use it for sorting, filtering, pagination, accessibility, responsive layouts, and choosing a library for large datasets.

Designing Layouts helps create responsive interface structures with CSS Grid, Flexbox, container queries, and breakpoint systems. Use it for dashboards, app shells, split panes, galleries, and other adaptive page layouts.

Displaying Timelines creates timelines, activity feeds, Gantt charts, and calendar views for chronological data. Use it for events, schedules, logs, notifications, and real-time updates with accessible patterns.

Card Kit produces reusable card frames, overlays, badges, and native Godot UI resources for card-game interfaces. Use it when you need card-specific art sources and StyleBox or AtlasTexture assets, not rules, layouts, or full scenes.

Fx Bundle produces one detached foreground effect as either a static Texture2D or an explicitly timed animated SpriteFrames. Use it for projectiles, impacts, muzzle flashes, slash arcs, auras, pickups, or dust effects.

Platform Strip Asset generates non-pixel-art horizontal strip graphics from image sources as fixed Texture2D cells or AtlasTexture regions. Use it for floors, bridges, rails, pipes, ledges, and other repeatable side-scrolling level pieces.

Scene Prop Set generates standalone foreground props from a scene brief or source sheet and packages them as fixed-slot AtlasTexture resources. Use it when you need non-pixel-art prop art for Godot without scene placement or gameplay logic.

TileSet generates a fixed-profile terrain atlas and compiles it into a native Godot TileSet. Use it for reusable terrain libraries, not for designing a TileMap.

UI Kit Asset produces a reusable Godot Theme with StyleBoxTexture resources, AtlasTexture icons, and native Theme bindings from visual references. Use it when you need a flat-first UI style system instead of a screen layout or mockup.

Qiaomu Design reads a UI and helps plan redesigns, interaction fixes, and design-system decisions. Use it when you need a design diagnosis, multiple visual directions, or a grounded critique of an existing interface.

Avoiding Subcomposition Pitfalls explains when SubcomposeLayout, BoxWithConstraints, or Scaffold cause repeated measure-phase composition in Jetpack Compose. Use it to replace unnecessary subcomposition with cheaper layout primitives or tune it when subcomposition is required.

Choosing DerivedStateOf helps decide when Jetpack Compose derivedStateOf reduces recompositions and when it is just overhead. It covers input-vs-output frequency, required remember wrapping, stale captures, and snapshotFlow for one-shot side effects.