Frontend

Build deterministic, verifiable data visualizations with D3.js (v6).

Suite of tools for creating elaborate, multi-component HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).

Toolkit for interacting with and testing local web applications using Playwright.

概念・仕組み・調査内容を、HTML による視覚的な説明ドキュメントとして作成・編集する。

将一句话产品意图落地为真实、带动效、可部署的前端站点，通过 research/prototype/design/build/deploy 子 Skill 渐进执行，并在每阶段交接调用 web-flow-benchmark 做有限评测；每个子 Skill 独立维护自己的错误…

Guided, scripted pipeline for running JSX/TSX/React codemods safely across large legacy codebases.

Static scan of an Expo / React Native iOS app for non-native patterns — Material component kits, JS navigators instead of native stack/tabs, PanResponder…

Next.js 16 bundle-size and build-time optimization — runs a data-driven iteration loop: measure baseline → analyze top offenders → apply ONE recipe →…

Migrates a nuqs codebase off pre-v2.5 patterns — deprecated `throttleMs`, hand-rolled setTimeout/useState debounce around `useQueryState`, unchecked…

Compose new Rails backend pages and refactor existing Rails UI to use premium blocks from templates/application-ui.

React data-fetching patterns at scale — recommender carousels, infinite feeds, pages with many parallel fetches, dashboards.

Audits a Next.js (App Router, 14/15+) codebase for React Hook Form anti-patterns — watch() at form root, Controller inlined in parent, async submit without…

Designs React 19 + Next.js 16 + Tailwind CSS experiences with real taste — starting from user goals, not pixels.

Build production-ready GPU liquid-glass surfaces with liquid-gl for React or DOM UIs.

Fetch a URL or convert a local file (PDF/DOCX/HTML/etc.) into Markdown using `uvx markitdown`, optionally it can summarize

Trigger: android-compose-foundations, Build Android UI with Jetpack Compose foundations, layouts, modifiers, theming, and stable component structure.

Measure a Claude Code agent's autonomy (self-running time) from a session JSONL and render it as an interactive HTML chart.

Use for non-website visual and media artifacts: standalone diagrams, generative art, kinetic typography, ASCII media, GIFs, animation, ComfyUI, or…

设计、实现与审查生产级网页和桌面应用界面；内置 434 个顶级案例风格库与 12 风格配方，支持风格选型与设计 prompt 组装。适用于 UI/UX、布局、视觉、交互状态、无障碍、窗口适配，以及高级感、顶级设计、award-winning、Awwwards 风格等审美诉求；仅讨论后端、Agent runtime…

Distinctive UI direction for JoyAgent React screens.

花叔Design——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务embody对应专家（UX/动画师/幻灯片设计师/原型师），避免web design tropes。触发词：做原型、设计Demo、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI…

Use for publicly facing writing, product copy, documentation, and durable user-visible strings such as frontend labels, messages, errors, empty states, and…

Design and improve frontend interfaces, including websites, app UI, typography, layout, accessibility, responsive behavior, and interaction.

Adjudicate long or branching design conversations by maintaining a local graph of open Questions, accepted Decisions, Evidence, dependencies, provenance, and…