CLSkills
Frontend

Frontend

Build UI components, layouts, and interactions

15 skills

FrontendPopular
beginner

Component Generator

Generate React/Vue/Svelte components with props

frontendcomponentsreact
FrontendPopular
beginner

Responsive Layout

Create responsive layouts with Tailwind/CSS Grid

frontendresponsivelayout
FrontendPopular
intermediate

Form Builder

Build forms with validation (React Hook Form, Formik)

frontendformsvalidation
FrontendPopular
intermediate

State Management Setup

Set up state management (Zustand, Redux, Jotai)

frontendstatemanagement
Frontend
intermediate

Animation Creator

Create animations with Framer Motion or CSS

frontendanimationframer-motion
FrontendPopular
beginner

Dark Mode Setup

Implement dark/light mode toggle

frontenddark-modetheme
Frontend
beginner

Lazy Loading

Add lazy loading for images and components

frontendlazy-loadingperformance
FrontendPopular
intermediate

SEO Optimizer

Add SEO meta tags, structured data, sitemap

frontendseometa-tags
Frontend
intermediate

PWA Setup

Convert app to Progressive Web App

frontendpwaoffline
Frontend
intermediate

i18n Setup

Set up internationalization (next-intl, react-i18next)

frontendi18nlocalization
Frontend
advanced

Design System Builder

Create a design system with tokens and components

frontenddesign-systemtokens
Frontend
intermediate

Storybook Setup

Set up Storybook with stories for components

frontendstorybookdocumentation
Frontend
beginner

CSS to Tailwind

Convert CSS/SCSS to Tailwind utility classes

frontendcsstailwind
Frontend
beginner

Image Optimizer

Optimize images and set up next/image properly

frontendimagesoptimization
Frontend
intermediate

Web Vitals Fix

Identify and fix Core Web Vitals issues

frontendweb-vitalsperformance