Skelton auto generation
A TypeScript-based CLI tool that statically analyzes React/Next.js projects using AST parsing to automatically generate skeleton (loading) placeholder components that mirror the original UI's layout and styling. Features š Static Analysis - Uses AST parsing to analyze React/Next.js components šØ Layout Preservation - Maintains original component structure (flex, grid, padding, margin, etc.) ā” Data-Fetch Detection - Identifies components with data fetching patterns š Multiple Styling Systems - Supports Tailwind CSS, CSS Modules, Styled Components, Emotion š Plugin Architecture - Extensible styling adapter system š¦ Zero Runtime Dependencies - Generated skeletons are pure React components
// Gallery
Visual Journey
// Tech Stack
Built With
Typescript
OBB programming
Babel
Commander
About This Project
A TypeScript-based CLI tool that statically analyzes React/Next.js projects using AST parsing to automatically generate skeleton (loading) placeholder components that mirror the original UI's layout and styling. Features š Static Analysis - Uses AST parsing to analyze React/Next.js components šØ Layout Preservation - Maintains original component structure (flex, grid, padding, margin, etc.) ā” Data-Fetch Detection - Identifies components with data fetching patterns š Multiple Styling Systems - Supports Tailwind CSS, CSS Modules, Styled Components, Emotion š Plugin Architecture - Extensible styling adapter system š¦ Zero Runtime Dependencies - Generated skeletons are pure React components