Skills
.Work. You
Rest

frontend-master

Official

Your intelligent decision framework for modern frontend development.

Software Engineering#development#frontend#react#nextjs#tailwind#decision-framework#ui-components
Authorpetbrains
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill eliminates decision paralysis and research time when building frontend applications by providing a unified decision matrix that instantly routes you to the right tools, components, and implementation patterns for any UI task.

Core Features & Use Cases

  • Decision Framework: Quick matrix for choosing between UI components (shadcn vs Magic UI vs Aceternity), animations (Lottie vs Rive), and assets (free vs AI-generated).
  • Complete Setup Guide: Step-by-step project structure, essential dependencies, and best practices for Next.js + React + Tailwind stacks.
  • Use Case: Imagine you need to build a landing page hero section. This Skill tells you to use Aceternity for spotlight effects, Magic UI for number tickers, and provides the exact code patterns for implementation—saving hours of research and trial-and-error.

Quick Start

Use the frontend-master skill to decide what UI library to use for a SaaS dashboard that needs clean components, animated stats, and a polished hero section.

Dependency Matrix

Required Modules

None required

Components

Standard package

đź’» Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: frontend-master
Download link: https://github.com/petbrains/mvp-builder/archive/main.zip#frontend-master

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.