Comprehensive web, mobile, and backend development workflow bundling frontend, backend, full-stack, and mobile development skills for end-to-end application delivery.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/BEKO2210/Firstbrain --skill development
The command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Comprehensive web, mobile, and backend development workflow bundling frontend, backend, full-stack, and mobile development skills for end-to-end application delivery.
type
skill
created
2026-02-27T00:00:00.000Z
domain
software-development
category
mobile
risk
safe
source
personal
tags
["skill","software-development","mobile"]
Development Workflow Bundle
Overview
Consolidated workflow for end-to-end software development covering web, mobile, and backend development. This bundle orchestrates skills for building production-ready applications from scaffolding to deployment.
When to Use This Workflow
Use this workflow when:
Building new web or mobile applications
Adding features to existing applications
Refactoring or modernizing legacy code
Setting up new projects with best practices
Full-stack feature development
Cross-platform application development
Workflow Phases
Phase 1: Project Setup and Scaffolding
Skills to Invoke
app-builder - Main application building orchestrator
senior-fullstack - Full-stack development guidance
environment-setup-guide - Development environment setup
concise-planning - Task planning and breakdown
Actions
Determine project type (web, mobile, full-stack)
Select technology stack
Scaffold project structure
Configure development environment
Set up version control and CI/CD
Copy-Paste Prompts
Use @app-builder to scaffold a new React + Node.js full-stack application
Use @senior-fullstack to set up a Next.js 14 project with App Router
Use @environment-setup-guide to configure my development environment
Phase 2: Frontend Development
Skills to Invoke
frontend-developer - React/Next.js component development
frontend-design - UI/UX design implementation
react-patterns - Modern React patterns
typescript-pro - TypeScript best practices
tailwind-patterns - Tailwind CSS styling
nextjs-app-router-patterns - Next.js 14+ patterns
Actions
Design component architecture
Implement UI components
Set up state management
Configure routing
Apply styling and theming
Implement responsive design
Copy-Paste Prompts
Use @frontend-developer to create a dashboard component with React and TypeScript
Use @react-patterns to implement proper state management with Zustand
Use @tailwind-patterns to style components with a consistent design system
Phase 3: Backend Development
Skills to Invoke
backend-architect - Backend architecture design
backend-dev-guidelines - Backend development standards
