Frontend & UI Skills

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

This "Reactions" skill dynamically adds reaction emojis to messages, boosting engagement and creating more expressive conversations.

Helps with React, management as part of building frontend UIs and user experiences workflows.

Helps with React, Expo as part of building frontend UIs and user experiences workflows.

Helps with React, guidelines as part of building frontend UIs and user experiences workflows.

Helps with CSS, guidelines as part of building frontend UIs and user experiences workflows.

Helps with CSS, performance optimization as part of building frontend UIs and user experiences workflows.

Generates clean, responsive web app layouts using Tailwind CSS and the Weapp framework for rapid frontend development.

Understand and generate basic CSS selectors, properties, and values to style web pages effectively.

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

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

Rapidly generates clean, scalable frontend architecture blueprints based on project requirements and chosen frameworks.

Generates clean, maintainable frontend code using Swift protocol-oriented programming principles for robust component design.

Generates Swift code snippets for embedded systems UI development, optimizing performance and resource usage.

Optimizes complex frontend UI updates using Swift concurrency for smoother animations and responsive user experiences.

Seamlessly copies selected text/images to clipboard with a customizable hotkey for rapid sharing across applications.

Generates Shadcn UI components with Vue & Inertia.js scaffolding for rapid, maintainable frontend development.

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

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

Generates a new Angular project with specified name, routing, and basic component structure.

Generates NuxtJS documentation snippets from your codebase, streamlining content creation and ensuring accurate project guides.

Generates Nuxt.js project scaffolding and components based on user prompts, accelerating frontend development workflows.

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

Quickly scaffold lightweight Nuxt.js projects with preconfigured archetypes from hairyf's curated collection.