Frontend skills

This skill quickly reveals WebF API and CSS compatibility, guiding feature planning and providing alternatives for unsupported features.

This skill renders music videos with waveform visualization and synced lyrics from audio and lyrics using Remotion.

This skill helps you accelerate iOS-style UI development by leveraging WebF Cupertino components for native Flutter performance and seamless React or Vue

This skill helps you build native UI libraries for WebF by wrapping Flutter widgets into web elements with React and Vue support.

This skill helps you integrate native WebF plugins to access camera, payments, geolocation, and more from JavaScript in Flutter apps.

This skill guides you to set up WebF hybrid routing with native transitions, enabling multi-screen navigation and correct back behavior.

This skill provides a sci-fi HUD system monitor that visualizes server health, gateway status, response times, and activity logs in real time.

This skill helps you master React Server Components in Next.js, guiding when to use server vs client, data fetching, and composition.

This skill helps you add or update language and framework icons in Socialify by mapping to Simple Icons or custom icons.

This skill upgrades simple-icons to the latest version while preserving removed icons by sourcing them into customIcons.ts and updating mappings.

This skill helps you quickly recall past coding work and decisions by querying Supermemory across sessions and repositories.

This skill automates browser tasks using Chrome DevTools Protocol to launch Chrome, navigate pages, run scripts, capture screenshots, and select elements.

This skill generates detailed, production-ready UI/UX prototype prompts across design systems, tailoring specs, visuals, and implementation guidance.

This skill helps you secure web applications with OWASP-driven scans, detecting XSS, insecure APIs, and frontend vulnerabilities for reliable protection.

This skill helps you iteratively build web pages with Stitch using a baton-loop, delivering pages and next tasks for continuous improvement.

This skill helps you discover, install, and customize shadcn/ui components in your project with best practices and zero runtime overhead.

This skill generates Remotion walkthrough videos from Stitch screens, applying smooth transitions, zoom effects, and contextual text overlays for engaging

This skill helps you model, fetch, and normalize REST resources with type safety and automatic cache management using @data-client/rest.

This skill helps you design and implement polished frontend UI/UX for pages, dashboards, and apps with best-practice guidelines.

This skill configures @data-client/rest for REST APIs, offering a project-specific BaseEndpoint class with urlPrefix, auth, and error handling.

This skill transforms vague UI ideas into polished Stitch prompts with design system context and structured output for better generation results.