Skills
.Work. You
Rest

Profile Widget Standard Skill

Official

Reusable profile widget patterns for Next.js apps.

Software Engineering#ui#nextjs#widget#profile#loading#dropdown
Authorimaginationeverywhere
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Profile Widget Standard Skill consolidates production-ready profile widgets (avatar, dropdown menus, and header-integrated containers) and consistent loading indicators to accelerate building polished navigation components in Next.js applications.

Core Features & Use Cases

  • Reusable UserAvatar and ProfileMenu components for consistent navigation UI
  • ProfileWidget container to compose header UI with a profile dropdown
  • Loading indicators (Spinner, PageLoader, and LoadingBar) with theme-consistent visuals
  • Use Case: add a profile avatar in your app header, include a dropdown for user actions, and show a global loading state during data fetches.

Quick Start

Integrate UserAvatar and ProfileMenu (via ProfileWidget) in your header and wire them to your user data to enable an interactive profile menu immediately.

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: Profile Widget Standard Skill
Download link: https://github.com/imaginationeverywhere/clara-code/archive/main.zip#profile-widget-standard-skill

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.