Web Frontend Development Skill

This skill provides guidance for developing frontend components in the /web project for CRAN/E, a PWA that searches CRAN packages and authors.

Tech Stack

• TypeScript for type safety
• React Router v7 (Vite build) with Remix-style file-based routes
• Tailwind CSS with Radix Colors for styling
• CVA (Class Variance Authority) for component variants
• Remix Icons (@remixicon/react) for icons
• Supabase for data fetching via typed client

Design Principles

Minimal & Professional