skills.rest
fosejary
fosejaryCOMMUNITY
Explore all skills by this author →
GitHub

mvp-design

Convert research and benchmarking into React Native MVP screen specs, navigation, and Supabase schemas.

Updated Apr 13, 2026
Search Tags:#user flows#data model#react native#expo router#ui ux#mvp design#supabase sql
One-click install
npx skills add https://github.com/fosejary/simple-todo --skill mvp-design-fosejary
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mvp-design
Source: https://github.com/fosejary/simple-todo/tree/main/.claude/skills/mvp-design
Command: npx skills add https://github.com/fosejary/simple-todo --skill mvp-design-fosejary

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Users need a clear, MVP-scope product blueprint, but turning research and benchmarking into actionable React Native UI/UX, navigation, and Supabase-ready data models is time-consuming and easy to get wrong.

Core Features & Use Cases

  • Research-to-MVP translation: Extracts target user insights, MVP feature lists, UI patterns, and differentiation signals from research/benchmark workspaces.
  • End-to-end MVP design deliverables: Produces a limited-screen (5–7) UI plan, user flow(s), navigation structure (Expo Router choices), and Material Design 3 token definitions.
  • Supabase-ready data model: Defines table schemas, constraints, RLS policy outline, relationships, and index suggestions that can be expressed as SQL.

Quick Start

Use the mvp-design skill to generate an MVP design document at _workspace/03_design_mvp.md based on your _workspace/01_research_market.md and _workspace/02_benchmark_apps.md, including Phase 2 functionality.

Frequently Asked Questions about mvp-design

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

FAQPage Schema
How do I design a React Native MVP user flow and navigation structure?▼

To design a React Native MVP user flow, you translate research and benchmarking inputs into a limited set of 5–7 screens, define navigation using Expo Router choices, and establish Material Design 3 tokens for UI components.

What is the best way to prepare Supabase table schemas and RLS policies for a mobile MVP?▼

Preparing Supabase table schemas for a mobile MVP involves defining table structures, constraints, relationships, index suggestions, and Row Level Security policy outlines that can be directly expressed as SQL for deterministic execution.

How do I convert user research and benchmarking into actionable UI specs?▼

Converting user research into actionable UI specs requires extracting target user insights and UI patterns, then mapping them into a structured design document containing screen specifications and navigation choices.

Can I use Expo Router to define navigation for a 5-7 screen React Native MVP?▼

Yes, you can use Expo Router to define navigation for a 5-7 screen React Native MVP. The process limits the MVP screens to an efficient set and outputs navigation structure choices tailored to that specific screen count.

Does MVP UI design require Material Design 3 tokens for React Native components?▼

MVP UI design for React Native utilizes Material Design 3 tokens to provide consistent UI component guidance. This ensures the design plan includes standardized styling definitions for deterministic engineering execution.

Related Skills

Explore More Design & Creative Skills→
X-School-AcademyX-School-Academy
9

dev-swarm-market-research

Research problem domains and analyze 5-7 competitors for market validation.

Official
Advanced
semicolon-devteamsemicolon-devteam

supabase

Create and validate Supabase database schemas, RLS policies, and migrations.

Official
Advanced
fosejaryfosejary

rn-supabase-dev

Build a React Native Expo MVP with Supabase authentication and CRUD.

Community
Advanced
jeffwweeejeffwweee

ui-designer

Generate HTML wireframes, React/MUI mockups, and design specifications.

Community
Intermediate