hackathon-app-dev
CommunityRapid hackathon app prototyping with Web3 stacks
System Documentation
What problem does it solve?
Guides rapid full-stack and Web3 hackathon prototyping: Next.js, Tailwind, shadcn/ui, Supabase (database), Privy or chain-native auth, API routes, motion, onboarding tours, and MCP setup. Use when building or scoping a hackathon app, hack weekend MVP, sponsor integration, or fast-iteration web3 prototype. For problem-first ideation and mapping tracks after the product story, use hackathon-problem-first first. For landing Lenis/SEO, PWA, favicons, and conversion copy, use hackathon-landing-pwa. After the app and demo path are complete, use pitch-deck-frontend for the in-app pitch slide page.
Core Features & Use Cases
- Ship the demo and onboarding flows: Next.js app, Tailwind, shadcn/ui, and Supabase DB scaffold.
- Web3 auth options including Privy and wallet connectors; MCP integration for sponsor languages and stacks.
- Product tour, onboarding UI using nextstepjs; pitch deck integration at the end of the build.
Quick Start
Kick off a hackathon app project by following this skill to scaffold Next.js + Tailwind + shadcn/ui templates and begin prototyping a Web3 demo.
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: hackathon-app-dev Download link: https://github.com/fabianferno/skills/archive/main.zip#hackathon-app-dev Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.