🎨

Frontend & UI Skills

3455 skills in this category · Page 1 of 139

Browse the most popular frontend & ui skills on TrustedSkills.

Vercel React Best Practices

by vercel-labs

Official vercel-labs skill covering Vercel, React, best practices for building frontend UIs and user experiences.

🏢Official
Claude Code
vlatest193.2k installs

Web Interface Guidelines

by vercel-labs

Official vercel-labs skill covering web development, design, guidelines for building frontend UIs and user experiences.

🏢Official
Claude Code
vlatest149.4k installs

Frontend Design

by anthropics

Official anthropics skill covering frontend development, design for building frontend UIs and user experiences.

🏢Official
Claude Code
vlatest123.3k installs

React Composition Patterns

by vercel-labs

Official vercel-labs skill covering Vercel, patterns for building frontend UIs and user experiences.

🏢Official
Claude Code
vlatest69.6k installs

React Native Skills

by vercel-labs

Official vercel-labs skill covering Vercel, React for building frontend UIs and user experiences.

🏢Official
Claude Code
vlatest48.6k installs

Next.js Best Practices

by vercel-labs

Official vercel-labs skill covering Next.js, best practices for building frontend UIs and user experiences.

🏢Official
Claude Code
vlatest26.5k installs

Canvas Design

by anthropics

Generates responsive website mockups and UI prototypes from text descriptions, accelerating frontend design workflows.

🏢Official
Claude Code
vlatest14.5k installs

Next Cache Components

by vercel-labs

Official vercel-labs skill covering Next.js, components for building frontend UIs and user experiences.

🏢Official
Claude Code
vlatest7.4k installs

Algorithmic Art

by anthropics

Generates unique, visually stunning artwork based on algorithmic rules, offering a novel creative tool and captivating aesthetic experiences.

🏢Official
Claude Code
vlatest11.6k installs

Theme Factory

by anthropics

Generates diverse themed content (text, images) based on a single prompt – ideal for creative projects and rapid prototyping.

🏢Official
Claude Code
vlatest11.4k installs

Web Artifacts Builder

by anthropics

Automatically generates reusable UI components from website screenshots, accelerating frontend development workflows.

🏢Official
Claude Code
vlatest11.0k installs

Brand Guidelines

by anthropics

Ensures UI elements consistently adhere to specified brand colors, fonts, and styling rules for a polished user experience.

🏢Official
Claude Code
vlatest10.4k installs

Next Upgrade

by vercel-labs

Suggests optimal frontend component upgrades based on project dependencies and performance goals.

🏢Official
Claude Code
vlatest4.7k installs

React:Components

by google-labs-code

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

🏢Official
Claude Code
vlatest11.8k installs

Design Md

by google-labs-code

Generates clean, semantic HTML/CSS code from design mockups or textual descriptions for rapid frontend prototyping.

🏢Official
Claude Code
vlatest11.5k installs

Stitch Loop

by google-labs-code

Stitch Loop automatically creates looping animations from sequential images or videos, streamlining your frontend development workflow and saving time on complex animation builds.

🏢Official
Claude Code
vlatest10.1k installs

Shadcn Ui

by google-labs-code

Generates Shadcn UI components and code snippets based on your prompts, leveraging Google Labs' coding expertise for efficient frontend development.

🏢Official
Claude Code
vlatest8.2k installs

Frontend Design

by anthropics

Official anthropics skill covering frontend development, design for building frontend UIs and user experiences.

🏢Official
Claude Code
vlatest2.0k installs

Json Render React

by vercel-labs

Official vercel-labs skill covering JSON, React for building frontend UIs and user experiences.

🏢Official
Claude Code
vlatest357 installs

Web Design Reviewer

by github

Official github skill covering web development, design for building frontend UIs and user experiences.

🏢Official
Claude Code
vlatest4.4k installs

Penpot Uiux Design

by github

Generates Penpot UI/UX designs from text prompts, streamlining prototyping and design workflows for frontend teams.

🏢Official
Claude Code
vlatest4.2k installs

Next Intl Add Language

by github

Dynamically adds new languages to the internationalization settings based on GitHub repository data.

🏢Official
Claude Code
vlatest4.0k installs

Swift Mcp Server Generator

by github

Official github skill covering Swift, MCP tools, server for building frontend UIs and user experiences.

🏢Official
Claude Code
vlatest4.0k installs

Frontend Design

by vercel-labs

Official vercel-labs skill covering Vercel, frontend development, design for building frontend UIs and user experiences.

🏢Official
Claude Code
vlatest152 installs

Brand Voice

by anthropics

This skill ensures consistent brand messaging across all interactions by defining and applying a specific tone and style – boosting recognition & trust.

🏢Official
Claude Code
vlatest231 installs