Comprehensive web, mobile, and backend development workflow bundling frontend, backend, full-stack, and mobile development skills for end-to-end application delivery.
Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.
Quelldateien prüfen
Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Ein direkter Befehl überspringt den Prüf-Prompt. Prüfen Sie die Quelle, bevor Sie ihn ausführen.
npx skills add https://github.com/BEKO2210/Firstbrain --skill development
Der Befehl bleibt in einer Zeile. Scrollen Sie horizontal, um ihn vor dem Kopieren vollständig zu prüfen.
Sie bevorzugen eine lokale Kopie? Laden Sie die Dateien herunter, die SkillsMP derzeit vorliegen.
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
