Frontend skills

This skill helps you implement scalable design systems by guiding token hierarchies, theming, and multi-brand patterns across platforms.

This skill generates modern SaaS landing pages with deploy-ready HTML/React code across styles, delivering responsive, SEO-friendly templates.

This skill helps you explore and install the OpenClaw master skill collection, organizing 127+ AI tools across categories for rapid agent enhancement.

This skill generates complete meta tags for SEO and social sharing, including Open Graph, Twitter cards, and JSON-LD, ready to copy.

This skill helps you design frontend UI/UX by analyzing your repo and iterating design drafts using structured prompts.

This skill guides and automates the two-step CUCHD staff portal login process, handling username entry, password reveal, and error reporting.

This skill generates multi-user dialogue scripts, matches character voices, produces both segmented and full audio, and renders a polished HTML showcase.

This skill orchestrates end-to-end feature development from research to production, coordinating frontend, backend, and testing across stages.

This skill helps you create zero-dependency, animation-rich HTML slides or convert PPTs into polished, self-contained web presentations with ready presets.

This skill renders markdown into polished HTML pages for easy sharing and display across Canvas or browsers.

This skill helps swiftly investigate frontend bugs with reproducible steps, hypotheses, and DevTools to locate root causes and propose minimal fixes.

This skill helps you implement and optimize modern web animations with Motion, enabling scroll effects, gestures, and high-performance transitions.

This skill provides expert guidance on SwiftUI SearchBar, helping you implement tokens, suggestions, and cross-platform styling with minimal boilerplate.

This skill creates developer-focused Slidev presentations with Markdown slides, live code demos, and Vue components to showcase technical concepts.

This skill helps you add dark mode to components by generating consistent variants that respect your design tokens and accessibility.

This skill analyzes user navigation to identify routes and data to prefetch for faster transitions and improved UX.

This skill generates professional TypeScript configuration presets for strict, React, Node, and more, ensuring best-practice settings and complete annotations.

This skill generates a complete, responsive 5-page React site for local businesses using Vite, Tailwind, Framer Motion, and React Router.

This skill helps you manage and interact with a 3D digital Labubu pet, enabling feeding, playing, and petting for mood and hunger growth.

This skill discovers live PLVR events matching your preferences and guides you through ticket selection, checkout, and post-purchase confirmation.

This skill converts HTML to PDF or image via AgentGen, enabling quick, watermark-free outputs with optional authenticated tier.