Frontend & UI skills

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

Generates Next.js app router files and components based on descriptions, streamlining frontend development for Kentoshimizu's style.

Seamlessly integrate Transloadit's asset delivery with SmartCDN in Next.js apps for optimized content distribution.

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

Analyzes webpage CSS, identifies selectors, properties, and potential styling conflicts for efficient debugging and optimization.

Automates repetitive CSS tasks like generating styles from designs, optimizing code, and managing component variations.

The Layout Builder skill automatically generates clean, responsive website layouts from your content, saving time and ensuring consistent design.

Generates clean, semantic HTML & CSS code from natural language descriptions, ideal for rapid prototyping and web design.

This tool generates simple animations from text prompts, quickly visualizing ideas for creative projects or educational content.

Ensures CSS code adheres to industry best practices and accessibility standards, improving maintainability and user experience.

Generates clean, semantic CSS code snippets from natural language descriptions, streamlining frontend development workflows.

Unocss is a lightweight, unstyled CSS framework that provides utility-first classes for rapid UI development and customization.

This skill utilizes FractionEstate’s TailwindCSS for rapid, utility-first CSS development, boosting frontend speed and consistency.

Generates clean, responsive Tailwind CSS code for your projects, accelerating frontend development and ensuring consistent styling.

The A11Y Checker automatically identifies accessibility issues in web content, ensuring websites are usable by everyone.

This skill generates clean, responsive Tailwind CSS classes for your projects, accelerating development and ensuring consistent styling.

Automatically generate and manage design tokens across platforms, ensuring consistent branding and efficient UI development.

Generates basic HTML structure and CSS styling based on text descriptions to create simple web page elements.

This "Responsive Helper" skill instantly answers user queries with relevant information, boosting productivity and streamlining workflows.

Doppler Hooks automatically creates follow-up questions based on user responses, deepening engagement and improving conversation flow.

Dom Apis seamlessly integrates external APIs into your responses, enhancing data access and providing dynamic, up-to-date information.

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

Generates unique, evolving artwork procedurally using algorithms – a fun and dynamic way to create visual experiences.

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

Extracts structured data from websites specified by URL, providing information like prices, product details, and contact info.