skills.rest
Eitan-Bellin
Eitan-BellinCOMMUNITY
Explore all skills by this author →
GitHub

app-builder

Builds full-stack Next.js and React Native applications with Supabase, strict TypeScript, and CI/CD.

Updated May 8, 2026
Search Tags:#typescript#ci/cd#full-stack#Next.js#supabase#React Native#app scaffolding
One-click install
npx skills add https://github.com/Eitan-Bellin/finance-il --skill app-builder-eitan-bellin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: app-builder
Source: https://github.com/Eitan-Bellin/finance-il
Command: npx skills add https://github.com/Eitan-Bellin/finance-il --skill app-builder-eitan-bellin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Turning an app idea into a production-grade project requires dozens of decisions about architecture, stack, security, design, and deployment. This Skill guides the AI through a structured 23-phase workflow so every project ships with clean architecture, strict TypeScript, RLS-secured databases, and premium UI from day one. ## Core Features & Use Cases - Spec-to-Blueprint Workflow: Infers project type and requirements from a single Hebrew description, then produces a written architecture blueprint (DB schema, routes, components) for confirmation before coding. - Opinionated Stack & Structure: Enforces Next.js 14 App Router, Supabase with RLS, shadcn/ui, Zustand, Zod, and a strict anti-spaghetti file structure with a navigation map in ARCHITECTURE.md. - Production Safeguards: Covers security headers, AES-256 credential encryption, rate limiting, testing with Vitest, GitHub CI/CD, Lighthouse > 90 performance budgets, and a full pre-launch checklist. - Use Case: A user says "build me a personal finance dashboard for Israelis" — the Skill produces the blueprint, scaffolds the project, implements bank sync via israeli-bank-scrapers, and delivers a deployable Vercel app. ## Quick Start Ask the AI to build the app you have in mind by describing it in one sentence, for example: build me a task management web app with user auth and a dashboard.

Frequently Asked Questions about app-builder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a full-stack Next.js app with Supabase?▼

Describe the app in one sentence and the Skill infers the type, audience, and scale, then presents a blueprint with architecture, DB tables, routes, and components. After confirmation it scaffolds Next.js 14 App Router with Supabase Auth, Postgres, and RLS on every table.

What tech stack does this app builder use?▼

The default stack is Next.js 14 App Router, Supabase for database and auth, shadcn/ui with Tailwind CSS, Zustand for state, React Hook Form with Zod, Framer Motion for animations, and Vercel for hosting. Mobile projects use React Native with Expo.

Can I use this to add features to an existing Next.js project?▼

Yes, the Skill handles feature additions and bug fixes in existing projects. It reads only the relevant file based on your error description, fixes precisely, and follows the project's established layer structure without rewriting unrelated code.

Does the app builder support React Native mobile apps?▼

Yes, mobile projects use React Native with Expo, including Reanimated 3 for 60fps animations, expo-haptics for haptic feedback, Gesture Handler, and expo-localization for i18n. Projects are scaffolded with create-expo-app and deployed via Expo EAS.

How does it handle database security with Supabase?▼

Every table gets Row Level Security enabled with explicit policies, auto-updated timestamps via triggers, indexes on foreign keys, and explicit ON DELETE behavior. The service role key stays server-only and all inputs are validated with Zod on both client and server.

What are the limitations of the free tier services it uses?▼

Supabase free tier pauses projects after 7 days of inactivity and limits storage to 500MB, so real production apps should budget for Supabase Pro or use Neon. Vercel free tier caps bandwidth at 100GB per month, and Sentry allows 5k errors monthly.

Related Skills

Explore More Software Engineering Skills→
hafidzlvmhafidzlvm
1

iikit-01-specify

Generate feature specifications with user stories, functional requirements, and success criteria from natural language descriptions.

Community
Advanced
koralliskorallis
90

vercel-deployment

Deploy Next.js applications to Vercel with preview deployments and environment variables.

Community
Intermediate
YanCheng-goYanCheng-go
3

security-review

Identify security risks across codebases, dependencies, secrets, and Supabase RLS policies.

Community
Advanced
elihuvillarauselihuvillaraus
2

rapid-proto

Build Next.js prototypes with Clerk authentication and Supabase.

Community
Advanced