Frontend

Create report-style HTML on Windows using Python.

Generate a demo of a feature developed in this session, in a web app, in a Chromium-based desktop app (Electron), or in a native mobile app on an iOS…

Design, build, compose, implement, review, and contribute polished product interfaces with Motion Lexicon components and motion primitives.

Email a complete Markdown insight through gws, using a helper to produce readable HTML with inline styling.

Translate an arXiv paper, or any PDF/DOCX/EPUB book, into any language as a printable book.

Use when tasks need complete HTML research reports, HTML dashboards, PNG chart helpers, or files under the research reports directory.

Build a narrated, timeline-driven systems explainer (boxes, wires, packets, dotted orbs, callouts, code diffs) as a playable HTML explorer, optionally…

Use when someone asks for a new Hairline figure, or runs /hairline-create with an idea.

Modern animation library for React and JavaScript.

Create a live React canvas beside chat for standalone analytical artifacts that benefit from visual layout: quantitative/security/ architecture analyses…

Explain anything as a written walkthrough, a diagram in the chat, an HTML page, or a narrated video, picking the format that fits.

Generates a randomized 3D hexagon animation as a single self-contained HTML file - an isometric field of hexagonal prisms pulsing with seeded noise-driven…

Persist new context, terms, learnings, and settled lightweight decisions.

Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid…

Full-stack TypeScript monorepo specialist: Turborepo, Next.js, Hono, tRPC, Drizzle, Postgres.

Research a topic and write a long-form, connected explainer as a standalone HTML article, with illustrated or animated explanations when they help teach the…

Build a source-grounded interactive HTML explanation of behavior or state.

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based…

Build declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js.

Scaffold a working GitHub Pages website from a vetted template and wire it to deploy automatically.

Use this skill when users want to generate UI mockups, landing pages, wireframes, design concepts, marketing sections, or page prototypes from a prompt and…

Create Apple-inspired bento grid presentation cards for showcasing project stats, timelines, and achievements.

Show where a plan stands as one readable offline HTML page - what the project is, how far it got, what waits on the user, what changed since approval, and…

Package a Next.js app as a runtime-only container image with a health probe and a fast shutdown.