front-dev
Web Frontend Stack
Build modern, performant web applications using Bun + Astro + React/Preact + Tailwind v4 + Shadcn UI.
Core Philosophy
Astro is always the foundation. We don't choose between Astro and React — we use them together:
- Astro handles routing, pages, layouts, and static content (zero JS by default)
- React/Preact powers interactive islands within Astro pages
- Tailwind v4 provides utility-first styling with CSS variables
- Shadcn UI gives us accessible, customizable React components
- Bun accelerates development with fast installs, builds, and testing
┌─────────────────────────────────────────────────────────────────┐
More from marsolab/skills
sys-arch
Design production-grade software systems with expert knowledge of architecture patterns, distributed systems, cloud platforms, and operational excellence. Use this skill when architecting complex systems, evaluating technology choices, designing scalable infrastructure, or making critical architectural decisions requiring trade-off analysis.
22go-dev
>-
21copy
Professional copywriter for SaaS and startups. Expert in landing page copy, positioning, messaging, conversion optimization, and voice-of-customer research. Use when writing compelling copy for SaaS products, landing pages, marketing materials, or when you need help with product positioning and messaging strategy.
12apple-dev
Comprehensive macOS and iOS development expertise covering Swift best practices, SwiftUI design patterns, Human Interface Guidelines, Apple frameworks, and performance optimization. Use when developing native Apple applications, implementing SwiftUI interfaces, working with Apple frameworks (Foundation, UIKit, AppKit, Core Data, CloudKit, etc.), optimizing app performance, following HIG principles, or writing production-quality Swift code for iOS, macOS, watchOS, or tvOS platforms.
6go-sql
>-
2go-http
>-
2