Skills
.Work. You
Rest

frontend_engineer

Community

Deliver polished Next.js dashboards with speed.

Software Engineering#React Query#frontend#UI#Next.js#dashboard#Tailwind#Shadcn UI
AuthorColbyRReichenbach
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill accelerates frontend development for RetentionAI by providing a structured approach to building and styling a Next.js 14 dashboard, ensuring consistency and quality across components.

Core Features & Use Cases

  • Next.js 14 App Router components, server components, and page structure for the dashboard
  • Tailwind CSS styling with Shadcn/UI for cohesive, accessible UI
  • Real-time updates and data visualization patterns using React Query
  • TypeScript interfaces and Zod-based validation to enforce strong typing and form correctness
  • Use cases include building executive dashboards, campaigns UI, and customer explorer screens with responsive layouts

Quick Start

Install dependencies and start the dev server to view the dashboard:

  1. npm install
  2. npm run dev
  3. Open http://localhost:3000

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_engineer
Download link: https://github.com/ColbyRReichenbach/retentionAI/archive/main.zip#frontend-engineer

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 223,000+ vetted skills library on demand.