Frontend & UI Skills

Automates Next.js App Router implementation, optimizing layouts, routes, data fetching, and server actions for peak performance.

This skill generates Tailwind CSS classes for creating stylish backgrounds, streamlining your website design process and saving development time.

This skill generates dynamic Tailwind CSS animations and transitions for responsive web design, boosting UI engagement and visual appeal quickly.

This skill generates Tailwind CSS size classes based on your input, streamlining responsive design and ensuring consistent styling across projects.

This skill provides essential Tailwind CSS configuration for rapid React project setup, streamlining styling and boosting development speed.

Generates Tailwind CSS spacing utility classes for precise layout control and responsive design consistency in your projects.

Generates responsive Tailwind CSS classes for layouts, ensuring your designs adapt seamlessly across different screen sizes and devices.

Generates responsive Tailwind CSS layouts quickly, streamlining frontend development and ensuring consistent designs across devices.

This skill generates Tailwind CSS border classes for your project, streamlining styling and ensuring consistent design implementation.

This skill applies Tailwind CSS transformations to elements, streamlining responsive design and creating dynamic layouts efficiently.

This skill adds interactive elements to your Tailwind CSS projects, streamlining responsive design and enhancing user experiences effortlessly.

Extracts CSS variables and token values from provided code snippets to aid in theme customization and component styling.

Dynamically generates optimized frontend code snippets from natural language requests, accelerating development workflows.

Generates functional iOS apps with SwiftUI code from natural language descriptions, streamlining development workflows.

Helps with SwiftUI, refactoring as part of building frontend UIs and user experiences workflows.

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

Solid-Swift rapidly generates clean, performant React components from design specifications, streamlining frontend development workflows.

Generate clean, efficient SwiftUI code snippets and layouts based on natural language descriptions from FusEngine.

Dynamically combine multiple frontend component states into a unified view for efficient data management and rendering.

Helps with Vue, integration, testing as part of building frontend UIs and user experiences workflows.

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

Generates production-ready Shadcn/Svelte UI components from text prompts, accelerating frontend development workflows.

Generates Svelte component code incorporating pre-defined rune data structures for dynamic UI elements.

Generates a robust SvelteKit project structure optimized for scalability and maintainability using best practices.