Frontend

Iterating Torget Amoled UI guides exact-size visual iteration for Torget AMOLED apps, including simulator previews, shared LVGL changes, and physical panel review. Use it when making UI changes that must pass preview, build, and flash gates.

Smart X Development covers building, migrating, and troubleshooting TOTVS Smart X routines that generate PO-UI screens from the data dictionary. It includes the Model, Interface, and Launcher chain plus ADVPL integration and legacy MVC browse migration.

Generate minimal SVG diagrams as self-contained HTML files with automatic light/dark mode. Ideal for educational visuals, process flows, and technical illustrations.

Creates distinctive, production-grade frontend interfaces with unique aesthetics, avoiding generic AI-generated designs. Use for crafting memorable, visually striking UIs with meticulous attention to detail.

SwiftUI Design creates intentionally crafted iOS and macOS interfaces in SwiftUI. Use it when designing new views, reviewing UI quality, choosing a style direction, or integrating brand assets.

Screen Flow Definition turns user journeys into a screen inventory, navigation paths, and shared UI components. Use it when defining screens, information architecture, or wireframe structure from PRD journeys and feature plans.

Visual Prototype Gate turns SCR entries into structured prompts for Stitch or similar UI generators, one screen at a time. Use it when you need a visual demo and a feedback template tied back to existing screen IDs.

Content Modeling Best Practices guides structured content decisions for schemas, reuse, references, and taxonomies. Use it when designing or refactoring content models in Sanity or another headless CMS.

Portable Text Serialization renders and serializes Portable Text to React, Svelte, Vue, Astro, HTML, Markdown, and plain text. Use it when building Portable Text renderers, custom serializers, or troubleshooting marks, blocks, lists, and custom types.

Frontend Design guides the creation of distinctive, production-grade web interfaces with a clear visual direction. Use it when building components, pages, or apps that need working code and a strong aesthetic.

Product Demo shoots, animates, titles, and can score product demo videos with Remotion for landing pages, docs, onboarding, app store listings, or social posts. Use it when editing compositions under src/compositions/ or when a render needs an intro, title, audio, or fixes for flicker and tiling.

Remotion Best Practices provides domain-specific guidance for building videos in React with Remotion. Use it when working on compositions, timing, media, captions, transitions, or other Remotion features.