Frontend & UI skills

Generates React Native components from descriptions, streamlining mobile UI development with hairyf's AI assistance.

Dynamically generates interactive React components from natural language descriptions, streamlining UI development workflows.

Automatically generates reusable React hooks from descriptions, simplifying component logic and promoting code consistency.

Helps with Next.js, code review as part of building frontend UIs and user experiences workflows.

Tanstack DB provides a performant, serverless SQL database solution for React apps, simplifying data management and boosting application speed.

Generates reusable UI components in Shadcn/Vue using prompts, accelerating development and ensuring design consistency.

Vueuse Math Skilld simplifies complex calculations within Vue.js apps, boosting performance and developer efficiency for dynamic data manipulation.

Svelte5 generates clean, optimized Svelte component code snippets for rapid frontend development and prototyping.

Helps with frontend development, design as part of building frontend UIs and user experiences workflows.

Helps with UI components, design as part of building frontend UIs and user experiences workflows.

Helps with frontend development, design as part of building frontend UIs and user experiences workflows.

Generates foundational design elements like color palettes, typography pairings, and basic layout concepts based on user prompts.

Helps with UI components, UX design as part of building frontend UIs and user experiences workflows.

Analyzes user interfaces, identifies usability issues, and suggests design improvements based on UX research best practices.

Identifies and quantifies user experience friction points in digital interfaces, suggesting actionable improvements.

Optimizes mobile website rendering & responsiveness across devices using advanced layout techniques and performance analysis.

Builds responsive, accessible web UIs using React, JavaScript, HTML, and CSS based on provided designs and specifications.

Automates frontend development workflows within Docker containers, streamlining builds, testing, and deployments for React/Vue/Angular projects.

Builds robust, scalable senior-level frontend solutions using modern JavaScript frameworks like React and Angular.

This skill optimizes Tauri binary sizes by removing unnecessary dependencies and assets, resulting in faster downloads & smaller app footprints.

This skill intercepts and processes Tauri events, enabling seamless integration of Tauri applications into your workflow for dynamic data exchange.

This skill explains Tauri IPC, enabling developers to grasp how Tauri applications communicate internally for efficient data exchange and application behavior.

This skill exports your Slidev presentations as static HTML files for easy sharing and offline viewing – a vital tool for accessibility & distribution.

Automates Unity UI Toolkit element creation, modification, and testing within a Unity project using code.

Quickly preview Flutter widget output from code snippets, streamlining development and debugging workflows.