development
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.
Download the skill ZIP
Upload in Claude
Go to Settings → Capabilities → Skills → Upload skill
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
SafeThis 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.
Quality Score
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
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.
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.
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.
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