Run any Skill in Manus with one click

frontend-app-builder

Stars2

Forks0

UpdatedApril 27, 2026 at 11:00

Use for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from scratch, or when the user explicitly asks for a redesign/restyle/modernization. Builds from high-taste image-generated concept design with faithful implementation and browser testing.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

Esquetta

Esquetta/CodexPluginDoctor

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web DevelopersComputer and Mathematical Occupations·SOC 15-1254

SKILL.md

readonly

name	frontend-app-builder
description	Use for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from scratch, or when the user explicitly asks for a redesign/restyle/modernization. Builds from high-taste image-generated concept design with faithful implementation and browser testing.

Fixture content.

More from this repository

same repository

hello

Esquetta/CodexPluginDoctor

Use when testing missing support asset references.

2026-04-292

hello

Esquetta/CodexPluginDoctor

Use when testing valid support asset references.

2026-04-292

gsap

Esquetta/CodexPluginDoctor

GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.

2026-04-272

hyperframes

Esquetta/CodexPluginDoctor

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For CLI commands (init, lint, preview, render, transcribe, tts) see the hyperframes-cli skill.

2026-04-272

canva-branded-presentation

Esquetta/CodexPluginDoctor

Create on-brand Canva presentations from a brief, outline, existing Canva doc, or design link. Use when the user wants a branded slide deck, wants to turn notes into a presentation, or needs a presentation generated in Canva with the right brand kit and a clear slide plan.

2026-04-272

neon-postgres-egress-optimizer

Esquetta/CodexPluginDoctor

Diagnose and fix excessive Postgres egress in a codebase. Use when a user mentions high database bills, unexpected data transfer costs, network transfer charges, egress spikes, query overfetching, SELECT * optimization, or wants to reduce data sent from their database to their application.

2026-04-272

Run any Skill with one click