Frontend & UI skills

Accessibility A11Y helps ensure your website is usable by everyone, improving inclusivity and expanding your audience reach.

GSap allows you to create complex animations and transitions using JavaScript and Green Screen effects, streamlining workflows for designers and developers.

Zustand manages complex application state efficiently, simplifying development and improving data consistency across your AI agent's interactions.

This skill generates code snippets for Progressive Web App (PWA) development, streamlining the process and enabling responsive web experiences.

Converts Tailwind CSS projects to UniWind, streamlining styling and improving performance within a Uni-Stack environment.

Dev Browser allows you to inspect and manipulate website code in real-time, streamlining debugging and development workflows.

Simulates iOS devices for testing apps and workflows without needing a physical device – incredibly useful for developers!

Generates Tailwind CSS v4 utility class strings from natural language descriptions for rapid UI prototyping.

This skill assists in Phaser game development by providing code snippets and guidance for creating interactive web games.

This skill creates a temporary, isolated browsing environment to safely view potentially malicious or risky websites, protecting your main browser.

Modal allows the AI to explore different scenarios and outcomes by considering "what if" questions, enhancing creative problem-solving and strategic thinking.

Shadcn provides pre-built, accessible UI components & utilities for rapid React development, boosting efficiency and consistency.

Generates basic Flutter UI components and layouts from text descriptions, accelerating initial app development.

Crafts imaginative short stories based on user prompts, blending themes, characters, and settings into unique narratives.

This GSAP ScrollTrigger skill precisely controls animations based on scroll position, streamlining complex scrolling interactions and enhancing website dynamism.

Learn the core concepts of React Three Fiber (r3f) for building interactive 3D scenes quickly – a foundational skill for web development.

Generates, debugs, and optimizes Flutter apps using Riverpod for state management, ensuring clean architecture and performance.

R3F Shaders provides pre-built shader assets for ThreeJS using R3F, simplifying complex visual effects and accelerating development.

R3F Geometry enables efficient manipulation of three.js geometries within your code, streamlining visual development and optimization.

Analyzes landing pages for design excellence based on Awwwards criteria, offering insights to improve user experience and conversion rates.

R3F Materials provides a comprehensive set of tools for working with Three.js materials, simplifying shader creation and manipulation for realistic visuals.

R3F Animation generates realistic game animations for Unity using RunwayML's AI, streamlining character movement and reducing development time.

This skill generates Avalonia UI layouts using Zafiro, streamlining design and offering a flexible alternative for building modern desktop applications.

Dynamically adjusts Flutter UI element positions based on subtle user motion for a more organic, responsive feel.

R3F Postprocessing enhances your Reality Three game by applying custom visual effects and transformations after rendering, improving visuals and gameplay.