Frontend

Build ChatGPT apps with MCP servers on Cloudflare Workers.

Use when the user asks about a library, framework, or component and up-to-date docs would help.

Build the "vibe check" page a DJ wakes up to before a gig — a single dark HTML page with a verdict, stats, every playlist in play order with key/BPM/energy…

Estándares de ingeniería para apps de datos (Next.js, Vite, Supabase).

Extract clean, complete markdown from any web page — articles, docs, READMEs, blog/social posts, academic papers.

A Codex Canvas is a live React app that the user can open beside the chat.

Fetches web content as clean markdown by preferring markdown-native responses and falling back to selector-based HTML extraction.

Generate an interactive PR review walkthrough as an HTML page.

Production pipeline for interactive and generative visual art using p5.js.

Production pipeline for interactive and generative visual art using p5.js.

Build React chat interfaces with Vercel AI SDK v5/v6.

Generate content for TRMNL e-ink display devices using the TRMNL CSS framework.

MUST USE for frontend/web UI/UX/visual work: building, styling, redesigning pages/components, React setup, performance audits, visual QA, taste, and polish.

Extract structured data from Axure prototypes using Playwright — screenshots, design tokens, interaction maps, annotations, and page text.

Build, scaffold, and integrate MoonPay crypto on-ramp (buy) and off-ramp (sell) payments into a website or app — the embeddable Widget (@moonpay/moonpay-js /…

Generate a project icon from scratch — read the codebase to understand what the project does, draft a prompt, render via OpenRouter (gpt-5.4-image-2), score…

タブで画面遷移する地図描画アプリケーションのフロントエンド実装。React + TypeScript + ViteでUIを構築し、必要に応じてDeck.glやLeafletを使用して地図上に点や線を描画する。ユーザーが「Leaflet」「Deck.gl」「PostGIS」「map…

Deep-audit TypeScript, React, Next.js (App Router) and frontend-design code for smells — patterns that ship but corrode performance, a11y, type safety, bundle…

Add MCP (Model Context Protocol) server to a Next.js app with OAuth2 auth and Streamable HTTP transport.

Use when setting up or running the test automation infrastructure for any Orcanos project.

This skill should be used when debugging frontend/UI bugs that need runtime evidence.

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

Visual UI annotation tool for AI agents.

Apache JMeter performance testing - load testing, stress testing, and HTML report generation