Frontend & UI skills

This skill generates Tailwind CSS code snippets and components, accelerating your frontend development workflow and ensuring consistent styling.

Generates minimal CSS snippets from text descriptions, ideal for quick styling adjustments and prototyping.

Generates CSS code for complex border gradients, specifying colors, angles, and blending modes for visually appealing effects.

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

Rapidly generates clean, functional React components and UI elements from natural language descriptions.

Rapidly generates and integrates MLX model previews directly into Picomlx frontends for instant experimentation.

Generates clean, functional SwiftUI code from natural language descriptions, accelerating iOS app development.

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

Helps with Flutter, scaffolding as part of building frontend UIs and user experiences workflows.

Helps with Vue, best practices as part of building frontend UIs and user experiences workflows.

Helps with Vue, best practices as part of building frontend UIs and user experiences workflows.

Vueuse Composables provides reusable logic for your Vue.js components, simplifying data fetching and manipulation for cleaner code & faster development.

Helps with Vue, best practices as part of building frontend UIs and user experiences workflows.

Ensures Vue 3 components adhere to best practices, optimizing performance and maintainability using protagonistss' proven techniques.

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

Dynamically generates interactive Vue.js components from natural language descriptions, accelerating frontend development workflows.

Generates, debugs, and optimizes Angular v19 code snippets and components based on provided specifications.

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

Automates Nuxt.js component creation & content population from Sanity.io data, streamlining frontend development.

Quickly scaffold new Nuxt.js projects with preconfigured best practices and a consistent development environment.

Helps with Nuxt, documentation as part of writing, documentation, and content creation workflows.

Generates clean, efficient Svelte code snippets and components based on descriptions, tailored for Svelte Society best practices.

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

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

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