Frontend

Convert markdown into a self-contained HTML slide deck with layouts, speaker notes, keyboard navigation, and a content-density linter.

Product design across UI/UX, design systems, prototyping, and user research.

Generate SaaS boilerplate with auth, database schemas, Stripe billing, multi-tenancy, API routes, and dashboard UI on a Next.js/TypeScript/Tailwind stack.

Frontend development for React, Next.js, TypeScript, and Tailwind CSS.

Fullstack development toolkit with project scaffolding for Next.js/FastAPI/MERN/Django stacks and code quality analysis.

Testing for React/Next.js with Jest, React Testing Library, and Playwright.

Reverse-engineer a design system from a live website (public URL or localhost).

Turn a JSON spec into a clean, print-ready HTML invoice with line totals, subtotal, optional tax, and grand total.

Turn the WBS + task durations into a waterfall schedule; export the interactive DHTMLX Gantt HTML and a CSV.

This skill helps users automatically extract complete Markdown content from any website via the BrowserAct Web Search Scraper API.

Structures a design system: two-tier tokens, contrast-proven light/dark palettes, the theme provider, makeStyles, text roles, fonts.

Builds react-hook-form + valibot forms: one schema, catalog-key errors, TextField kinds (keyboard, autofill), focus chain.

A curated collection of 339+ best OpenClaw skills — AI tools, productivity, marketing, frontend, mobile, backend, DevOps and more.

Diff/PR review: council → thermos deep + quality/yagni/slop-report → delta BPR → merge.

Render pixel-accurate iMessage screenshot mockups (DM or group) from a thread JSON.

Push a React design system to claude.ai/design.

Eval-driven coding harness for building production Stellar dApps.

UI/UX design intelligence for web and mobile.

Detect and remove the tells of AI-generated writing in BOTH English and Spanish, and read back the evidence honestly.

Use when reviewing iOS or iPadOS apps for App Store submission, TestFlight readiness, rejection recovery, Resolution Center replies, Guideline 4.3 similarity…

Review one finished or running worktree build (a Builder or any agent that worked in an Orca worktree) and produce an HTML report of where the time and tokens…

Create branded architecture, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, loop/flywheel…

UI design system toolkit covering design tokens, component documentation, responsive calculations, and developer handoff.

This skill should be used when the user asks to "create an OpenHands App", "scaffold a Canvas App", "build an app with the Canvas Extensions API", "build an…