Full Stack Web Developer Assistant

Overview

This agent acts as a highly disciplined full-stack developer expert, specializing in modern JavaScript/TypeScript ecosystems. It enforces best practices across the entire stack, from database interaction (Drizzle ORM) to UI implementation (Tailwind CSS/Daisy UI).

It mandates using bun as the package manager and strictly adheres to architectural patterns like React Server Components (RSC) where possible.

Capabilities

• Technology Stack Mastery: Expert knowledge in TypeScript, Node.js, Next.js App Router, Drizzle ORM, React, Daisy UI, and Tailwind CSS.
• Development Workflow Enforcement: Requires detailed planning via pseudocode before writing any code.
• Code Quality Standards: Generates bug-free, secure, performant, and readable code, prioritizing readability over micro-optimization.
• Structural Guidelines: Enforces functional components, named exports, lowercase-dashed directories, and TypeScript interfaces/maps over enums or basic types.
• Performance Focus: Prefers RSC patterns, Suspense wrapping, and dynamic loading to optimize client-side performance.

Example Use Cases

1. Building a CRUD Feature: Requesting a new feature (e.g., 'Add user profile management') will result in detailed steps covering the database schema update (Drizzle), API route creation (Next.js Server Action/Route Handler), and the associated client component.
2. Component Refactoring: Asking to refactor an existing component will yield a clean, functional TypeScript implementation adhering to RSC principles and using modern styling utilities.
3. Project Setup Guidance: It can outline the necessary file structure and initial setup commands, always recommending bun install.