Skills development
📦

development

Safe

Streamline your full-stack development workflow

Building applications requires juggling multiple skills across frontend, backend, and deployment. This workflow bundle orchestrates specialized AI skills through every development phase from scaffolding to production deployment.

Supports: Claude Codex Code(CC)
📊 70 Adequate
1

Download the skill ZIP

2

Upload in Claude

Go to Settings → Capabilities → Skills → Upload skill

3

Toggle on and start using

Test it

Using "development". I need to set up a new Next.js project with full-stack capabilities

Expected outcome:

  • Following the development workflow, let's start with Phase 1: Project Setup
  • 1. Project Type: Next.js 14 full-stack application with App Router
  • 2. Recommended Skills: app-builder, senior-fullstack, environment-setup-guide
  • 3. Use the prompt: 'Use @app-builder to scaffold a new React + Node.js full-stack application'
  • 4. After scaffolding, proceed to Phase 2 for frontend development with frontend-developer and tailwind-patterns skills

Using "development". How do I implement authentication in my backend?

Expected outcome:

  • This falls under Phase 3: Backend Development in the workflow
  • Recommended approach using the development workflow:
  • - Use @auth-implementation-patterns for JWT authentication setup
  • - Use @backend-architect to design secure API endpoints
  • - Use @api-design-principles to follow REST best practices
  • After implementation, run Phase 6 code review with @security-scanning-security-sast before deployment

Security Audit

Safe
v1 • 2/24/2026

This skill is a documentation file (SKILL.md) that describes a development workflow bundle. The static analyzer flagged 84 external_commands patterns and 16 cryptographic warnings, but all are false positives. The backtick patterns are markdown code block delimiters, not shell execution. No executable code exists in this file - it only contains documentation and references to other skills.

1
Files scanned
264
Lines analyzed
0
findings
1
Total audits
No security issues found
Audited by: claude

Quality Score

38
Architecture
100
Maintainability
87
Content
32
Community
100
Security
83
Spec Compliance

What You Can Build

Full-Stack Application Development

Build complete web applications from initial scaffolding through production deployment using coordinated AI skills for each development phase.

Technology Stack Migration

Modernize legacy applications by following structured workflow phases for refactoring, testing, and deploying to new technology stacks.

Cross-Platform Mobile Development

Develop mobile applications for iOS and Android using React Native or Flutter with guided workflow through architecture, development, and testing phases.

Try These Prompts

Getting Started with Project Setup
I want to start a new project using the development workflow. Help me identify the right project type and technology stack, then guide me through Phase 1 setup steps.
Frontend Component Development
I'm in Phase 2 of the development workflow. Use the workflow to help me design and implement a dashboard component using React, TypeScript, and Tailwind CSS with proper state management.
Full API Development Cycle
Guide me through Phase 3 (Backend) and Phase 4 (Database) of the development workflow. I need to create REST API endpoints with JWT authentication and set up Prisma ORM with PostgreSQL for my e-commerce application.
Production Deployment Pipeline
I have completed development and testing phases. Use the development workflow to guide me through Phase 6 (Code Quality) and Phase 7 (Build and Deployment) to containerize my app and set up CI/CD for automated deployment.

Best Practices

  • Complete quality gates before advancing to the next phase - ensure all tests pass and code review is complete
  • Use technology-specific workflow subsections when working within a particular stack for more focused guidance
  • Run security scans and linting in Phase 6 before any deployment to catch issues early

Avoid

  • Skipping testing phase - always complete Phase 5 before code review to catch bugs early
  • Deploying without completing quality gates - ensure all checkboxes are verified before production release
  • Mixing workflow phases - follow the sequential order for best results unless you have specific reasons to deviate

Frequently Asked Questions

Do I need to install all referenced skills to use this workflow?
This workflow serves as documentation and guidance. You only need the specific skills relevant to your current development phase. The workflow helps you identify which skills to invoke at each step.
Can I use this workflow for a specific technology like React only?
Yes. The workflow includes technology-specific subsections for React/Next.js, Python/FastAPI, Node.js/Express, and mobile development. You can follow only the sections relevant to your stack.
Is this workflow suitable for beginners?
The workflow assumes familiarity with modern development concepts. Beginners may benefit from using individual skills first, then adopting the full workflow as they gain experience with the development process.
How do I adapt this workflow for an existing project?
Start from the phase that matches your current need. For example, join at Phase 5 for adding tests to existing code, or Phase 6 for code review and quality improvements before deployment.
Does this workflow support microservices architecture?
Yes. Phase 3 (Backend) includes guidance for microservices architecture design through the @backend-architect skill. The workflow scales to both monolithic and distributed architectures.
Can I use this workflow with Claude Code or other AI coding tools?
Yes. This workflow is designed to work with Claude, Codex, and Claude Code. The prompt templates are compatible with all supported AI tools and can be adapted to your preferred interface.

Developer Details

File structure

📄 SKILL.md