Implement Framer reference architecture with best-practice project layout.
Analyze, plan, and execute Framer SDK upgrades with breaking change
Use for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from scratch, or when the…
Build and maintain web frontends — component architecture, state management,
Builds sophisticated, responsive frontend interfaces within the Codex Project Autopilot framework using advanced UI/UX engineering…
Big-tech style (Stripe, Vercel, Apple) UI development.
Create distinctive, production-grade frontend interfaces with high design quality.
A multi-frame gamified mobile-app prototype — three phone frames on a dark showcase stage.
Generate from templates, retrieve exports, and manage sharing via Gamma
Generate and edit images using the Gemini API (Nano Banana Pro).
Generate a low-fidelity layout wireframe from a natural-language description, using the Smart Assets design system.
MANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call.
Build visually stunning geospatial demo webapps with MapLibre globe, DuckDB-WASM, and a warm dark HUD aesthetic.
Guide and conduct user research — from planning through synthesis.
Use when creating frosted glass effects, transparent overlays, or modern glass UI.
Generates high-impact digital glitch and data-corruption title frames for video transitions and cyberpunk-themed interfaces.
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
Generate and edit images using OpenAI's GPT Image 1.5 model.
Generates and edits high-quality visual assets using GPT Image 2 with 80+ structured prompt templates across three flexible execution modes.
Sketch UI/design ideas with throwaway HTML mockups, or propose what to sketch next (frontier mode)
Implements onboarding and help systems including product tours, interactive tutorials, tooltips, checklists, help panels, and progressive…