App Dev

app-dev

A Claude Code skill that guides mobile and web app development. Supports Flutter / Next.js(React) / iOS(Swift/SwiftUI) / Android(Kotlin/Compose). From idea to implementation and testing — interactively. For developers new to mobile/web.

Install

git clone https://github.com/redcoast-lab/app-dev
cd app-dev
bash install.sh

Start a new Claude Code conversation after installing — then use `/app-dev` to launch the skill.

Personal config (optional)

Store your GitHub organization name and other preferences in a `.env` file.

# Edit the installed config
open ~/.claude/skills/app-dev/.env

`.env` contents:

# Your GitHub organization or username
# Used as the Flutter --org flag (com.{GITHUB_ORG})
GITHUB_ORG=your-github-username

With this set, `/app-dev flutter` will automatically apply `--org com.your-github-username` to every new project.

Usage

Basic launch

/app-dev

Starts interactively from platform selection.

Specify a platform

/app-dev flutter
/app-dev nextjs
/app-dev ios
/app-dev android

Pass your idea directly

/app-dev flutter  I want to build a budget tracker app
/app-dev nextjs   portfolio site with a blog

Environment check only

/app-dev setup

Supported platforms

Platform	Language	Status
Flutter	Dart	✅ Implemented (iOS, Android, Web)
Next.js	TypeScript/React	✅ Implemented
iOS	Swift/SwiftUI	🔜 Coming soon
Android	Kotlin/Compose	🔜 Coming soon

File structure

~/.claude/skills/app-dev/
  SKILL.md                    ← Skill pipeline (shared across platforms)
  instructions/
    flutter.md                ← Flutter/Dart-specific rules
    nextjs.md                 ← Next.js/React/TypeScript-specific rules
    ios.md                    ← (future) Swift/SwiftUI-specific rules
    android.md                ← (future) Kotlin/Compose-specific rules
  .env                        ←