Frontend

Toolkit for interacting with and testing local web applications using Playwright.

Use when Kooboo AI has entered site-building SOP S2/S3 and needs a Page Plan, Design System, or page View prompts.

Create branded architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant…

Extract self-contained static HTML from a built web application or React components by inlining CSS and images.

Upload local assets (images, mockups, extracted HTML, design markdown) to a Stitch project.

Batch-generate images via OpenAI Images API.

Add or maintain multilingual Vue AI Apps using Kooboo Labels and vue-i18n, including language switching, translated menus and titles, and component-library…

Render a finished BS report as a self-contained HTML page — score hero, filterable claims, readable on a phone, prints to a clean PDF.

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate identity…

Generate self-contained HTML visualizations with Plannotator theming.

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML.

Produce a short motion-graphics video ad — a 15s Facebook/Instagram/TikTok spot — as a rendered MP4.

OpenTelemetry browser/RUM mechanics for SPAs and MPAs.

为视频/课程/解说文案制作"每镜头一个 HTML"的高完成度网页演示动画（分镜演示页、视频配套演示动画、录屏用动画网页、科普/技术/产品发布可视化镜头）。只要用户提到：给视频做演示动画网页、分镜 HTML、shot…

Analyze a Figma file via the Figma REST API and generate an interactive design knowledge graph (pages, screens, components, component sets, instances, design…

Scan one OpenTelemetry component at pinned upstream versions and record the telemetry it emits (spans, metrics, logs) as change-point files under…

Design and build complete web experiences from scratch — award-level product and marketing pages, cinematic scroll-directed sites where the page is directed…

Analyze a user's Plannotator plan archive to extract denial patterns, feedback taxonomy, evolution over time, and actionable prompt improvements — then…

Design high-click YouTube thumbnails that show what the video is actually about.

Aggregates QC reports from any bioinformatics tool outputs (FastQC, fastp, STAR, Picard, samtools, etc.) into a single MultiQC HTML report plus a ClawBio…

UI/UX design intelligence for web and mobile.

Create professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams, mind maps, timelines…

Converts Markdown to styled HTML with WeChat-compatible themes.

Posts content to WeChat Official Account (微信公众号) via API or Chrome CDP.