Frontend

Implement an entire Figma page as Android Jetpack Compose screens by auto-splitting into frames with visual verification.

Extract structured data from any web page using Playwright — screenshots, design tokens, page text as Markdown, interactive element maps, and full page data…

Render pixel-accurate Apple Notes (iPhone, light mode) screenshot mockups from a JSON note spec.

Render pixel-accurate ChatGPT mobile (iOS) screen mockups in light mode from a thread JSON.

Render a static iOS QWERTY keyboard as inline HTML+CSS sized for the 750-wide 9:16 stage.

The Baidu Baike Component is a knowledge service tool designed to query authoritative encyclopedia explanations for various nouns.

Design tokens, light/dark theming, and WCAG contrast validation for HTML documents and decks, compiled into one inlinable CSS bundle.

Design systems leadership across component libraries, design tokens, and design-dev collaboration.

Convert authored markdown into a polished self-contained HTML document with a table of contents, numbered figures and tables, cross-references, footnotes, and…

Pre-publication quality gate for authored Markdown — heading structure, on-disk link resolution, readability, accessibility, terminology.

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.

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.