Frontend & UI skills

Send WhatsApp messages to other people or search/sync WhatsApp history via the wacli CLI (not for normal user chats).

Diagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps. Use when QR/setup code/manual connect fails, local Wi-Fi works but VPS/tailnet does not, or errors mention pairing required, unauthorized, bootstrap token invalid or expired, gateway.bind, gateway.remote.url, Tailscale, or plugins.entries.device-pair.config.publicUrl.

Present HTML on connected OpenClaw node canvases, navigate/eval/snapshot, and debug canvas host URLs.

Create SVG/HTML or Excalidraw diagrams for concepts, architecture, flows, and whiteboards.

Operate and troubleshoot the OpenClaw Control UI: navigate connected clients, organize sessions, build session dashboards, and handle direct or Tailscale-hosted Gateways.

Helps with UI components, UX design as part of agent workflows workflows.

Helps with React, AI as part of software development workflows workflows.

Provides React guidance and assistance for software development workflows.

Helps with React, AI as part of software development workflows workflows.

Provides React guidance and assistance for software development workflows.

Provides React guidance and assistance for software development workflows.

Helps with React, patterns as part of software development workflows workflows.

Provides React guidance and assistance for software development workflows.

Provides Vue guidance and assistance for software development workflows.

Provides SvelteKit guidance and assistance for software development workflows.

Helps with frontend development, UI components as part of agent workflows workflows.

This skill minimizes visual clutter by intelligently hiding or simplifying UI elements based on user behavior, improving focus and usability.

Helps with Vercel, React, best practices as part of building frontend UIs and user experiences workflows.

Helps with Vercel, React, best practices as part of building frontend UIs and user experiences workflows.

Helps with React, best practices as part of building frontend UIs and user experiences workflows.

Isolates complex UI components into self-contained, reusable React modules with clear responsibilities, boosting maintainability.

Helps with React, performance optimization as part of building frontend UIs and user experiences workflows.

Dynamically adjusts frontend component behavior based on user interaction & data changes, adhering to single responsibility principles.

Analyzes React code for potential errors, performance bottlenecks, and accessibility issues using Czech best practices.

Automates React component lifecycle management using `useEffect` hooks for data fetching and side effects.