React Frontend Development
CommunityBuild robust React UIs with TS & Tailwind.
Authoramo-tech-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill accelerates frontend development for Medellin Spark by providing a reusable React + TypeScript pattern with Tailwind CSS, shadcn/ui components, and data handling via React Query. It reduces boilerplate and enforces UI consistency across features.
Core Features & Use Cases
- Component Patterns: Standard structure for React components with optional hooks, state management, and UI patterns.
- Data & Auth: integrates with Supabase for auth and data access, enabling secure UI with edge function support.
- Styling & UI: Tailwind CSS with shadcn/ui components ensures consistent, accessible visuals.
- Use Case: Build a dashboard widget that fetches data from Supabase, shows loading/error states, and supports optimistic updates.
Quick Start
Use the React Frontend Development skill to scaffold a new component in a Vite + TS project, styled with Tailwind, wired to Supabase, and using React Query for data fetching.
Dependency Matrix
Required Modules
None requiredComponents
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: React Frontend Development Download link: https://github.com/amo-tech-ai/medellin-spark/archive/main.zip#react-frontend-development Please download this .zip file, extract it, and install it in the .claude/skills/ directory.