Browse skills

Generates clean, responsive HTML/CSS code from text descriptions, ideal for rapid prototyping and simple website creation.

Designs functional web interfaces from textual descriptions, optimizing usability and integrating data sources seamlessly.

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.

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.

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

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

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

Identifies and exploits XSS and HTML injection vulnerabilities across multiple websites to assess security posture.

This skill seamlessly converts Material 3 themes into Material 2, streamlining design transitions and saving development time.

Gluestack Accessibility helps automatically add semantic HTML and ARIA attributes to your content, improving website accessibility for users with disabilities.

Generate performant Next.js static site shells from existing data sources, streamlining frontend development workflows.

Automatically identifies mobile website elements and their properties for streamlined testing and automation workflows.

This skill automates Tauri application capability configuration for streamlined development and deployment across various platforms.

Leverage Lit to rapidly construct a feature-rich text editor with dynamic components and streamlined development workflows.

Html Presentation — provides AI agent assistance for software development workflows.

Streamlines Next.js app router development with optimized components, layouts, and routing for efficient frontend builds.

Gluestack Theming applies pre-built themes to your Discord server instantly, streamlining customization and boosting visual appeal effortlessly.

Helps with creation, web development, components as part of agent workflows workflows.

Creates isolated, reusable HTML elements using Lit for testing, prototyping, or component development.

Generate, explain, and debug Nuxt.js code snippets directly within the editor, streamlining development workflows.

PencilToCode translates hand-drawn sketches and diagrams into basic code snippets, streamlining prototyping and visual development workflows.

Zustand Middleware streamlines Zustand app development by centralizing state management logic for improved organization and maintainability.