frontend-dev-workflow

What problem does it solve?

This skill solves the problem of inconsistent, ad-hoc frontend development processes for common tasks like new feature implementation, bug fixing, and code refactoring, which often lead to backend integration errors and deviation from project coding standards.

Core Features & Use Cases

• Standardized Development Workflow: Provides a clear, step-by-step process for all common frontend development tasks to ensure consistency across development work.
• Backend API Alignment: Guides developers to review relevant backend API specifications first to ensure frontend implementation matches expected request and response formats.
• Validated Form Implementation: Enforces the use of zod for form validation that exactly matches backend API request validation rules to prevent integration issues.
• Use Case: When adding a new todo item creation feature to the Vue 3 todo-web frontend, this skill guides you to first review the corresponding backend API spec, design the UI following project standards, then implement code with matching zod validation.

Quick Start

Use the frontend-dev-workflow skill to implement the new todo item creation feature in the todo-web frontend project.