Frontend & UI skills

This skill provides Avalonia ViewModels integration with Zafiro, streamlining UI development and data binding for enhanced applications.

This skill assists in developing applications using Avalonia and Zafiro UI frameworks, streamlining cross-platform desktop app creation.

R3F Textures converts standard Unity textures into compatible formats for use with the R3F framework, simplifying VR development.

This skill creates interactive 3D games using Three.js, allowing you to build and run web-based games directly within your AI conversations.

Alpine Js enables dynamic front-end interactivity and component behavior in your applications, boosting user engagement and responsiveness.

Pixi.js enables immersive interactive experiences by rendering 2D graphics efficiently in web applications – boosting engagement and visual appeal.

Htmx enables dynamic web updates without full page reloads, improving user experience and data synchronization in interactive studies.

This skill generates creative, engaging animations inspired by award-winning designs from Awwwards, boosting visual appeal and impact.

Gsap Fundamentals teaches you the core principles of Green Screen compositing using GSAP, streamlining complex visual effects workflows and improving efficiency.

Generates SVG art from text prompts, offering a flexible and scalable way to create custom graphics for web design projects.

This skill generates Framer Motion code for creating dynamic UI animations and transitions, streamlining responsive web development.

This skill breaks down complex tasks into smaller, manageable steps, boosting productivity and clarity for users.

Automates Flutter app UI testing by controlling device interactions and capturing screenshots for visual validation.

Automatically generates Tailwind CSS utility class suggestions based on your HTML structure and desired styling.

Hooks allows you to inject custom code snippets into conversations for dynamic actions and tailored responses – boosting automation & interactivity.

Generates creative, fantastical element names & descriptions for worldbuilding and storytelling – boosting imaginative content quickly.

Extracts structured data from websites using Firecrawl, bypassing common anti-scraping measures.

The Hook Developer generates concise, engaging hooks for various content types, boosting initial interest and click-through rates.

Overwrites existing Framer component code with custom implementations based on provided specifications for rapid UI iteration.

Generates HTML code snippets for web development tasks, streamlining content creation and ensuring proper formatting for websites.

Simulates an iOS environment for testing and debugging Axe apps, streamlining development workflows and ensuring compatibility.

This skill guides you through Android app development, enabling you to build native apps for Google's mobile platform and expanding your tech skillset.

Morphing Icons dynamically changes icon styles based on user interaction, enhancing visual engagement and usability.

This skill generates interactive 3D graphics using Three.js, enabling immersive visualizations and enhancing user experiences.

Shadcn Layouts provides pre-built, accessible, and responsive UI components for rapid frontend development, boosting efficiency and consistency.