Skill Level Meters

A stacked list of labeled meter bars that visualize skill levels as animated percentage fills.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Skill Level Meters to your project and fits it to your theme.

import Component from "@/components/ui/v-meter-6";

export default function Default() {
  return (
    <div className="flex min-h-svh w-full items-center justify-center bg-background p-10 text-foreground">
      <Component />
    </div>
  );
}