Frontend

Generates high-fidelity interactive algorithmic/generative art using p5.js based on custom-developed aesthetic philosophies and custom UI parameter tuning.

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

Build a disposable browser explanation workspace — an editable Excalidraw whiteboard plus live React previews — to answer a design, logic, schema, or visual…

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or…

Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, dark/light…

End-to-end TypeScript engineering skill for designing, implementing, reviewing, and refactoring production-grade TS codebases.

Render the architecture graph as a single self-contained interactive HTML page — foldable structure tree, animated dependency graph, and cross-connection…

Teste et inspecte des applications web locales avec des scripts Playwright (Python).

A world-class frontend designer.

Explain how to use this skill, select a PayWay flow, or integrate, test, review and troubleshoot ABA PayWay in a merchant project.

Build crafted, highly detailed, interactive isometric SVG figures that explain a technical idea as a real physical object (a test rig, a dial gauge, a cabinet…

Motion on Regent's Phoenix LiveView and Ash sites with Anime.js v4 (npm animejs) and the shared motion kit, written as TypeScript hook islands.

Cross-platform UI/UX design reviewer grounded in Apple's Human Interface Guidelines (123 pages pulled from developer.apple.com, including 57 component pages)…

Gate an HTML artifact before publishing - tag balance, dead anchors, duplicate ids, non-absolute links, drifted self-claims, and code links that still resolve…

Add an Ask panel to any HTML report, page or artifact you show the user, so they ask questions in the page and the page's own Claude answers, never the…

Build award-caliber websites from a one-line prompt such as "make me a portfolio, my name is Ana".

Use when writing or changing the markup, styles, or layout of a page, screen, or component (HTML, CSS, templates, email), or checking a page's accessibility…

Author, in-place-edit (in-flight), or supersede (published Accepted) Architectural Decision Records under docs/adr/ with shipped mechanics headings; classify…

Runs the Claude Design -> React implementation loop: takes an approved component or screen proposal (or the palette card) from a Claude Design project…

Creates or migrates the canonical CSS theme palette: light/dark inputs, generated scales, semantic tokens shared by web and React Native, hand-authored…

The one skill for updating Claude Design from the code: checks whether the synced components are behind their code, rebuilds stale screen mockups, offers…

Engineer and verify interfaces against a 235-rule UX contract with runnable checks, not opinions.

Draw a branded diagram or chart (architecture, flowchart, sequence, ER, Gantt, Sankey, Wardley and 40+ more) as standalone HTML/SVG/PNG, or redraw a .drawio…

Convert documents and binary files to Markdown with Microsoft MarkItDown (PDF, DOCX, PPTX, XLSX, HTML, images, audio, epub, zip, YouTube URLs).