fullstack-developer

Design and implement end-to-end features across database, API, and UI.

68|6|Updated Apr 16, 2020
One-click install
npx skills add https://github.com/zenobi-us/dotfiles --skill fullstack-developer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fullstack-developer
Source: https://github.com/zenobi-us/dotfiles/tree/main/devtools/files/opencode/skills/fullstack-developer
Command: npx skills add https://github.com/zenobi-us/dotfiles --skill fullstack-developer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solves? Developing features across the entire stack (database, API, UI) often leads to integration challenges, inconsistencies, and fragmented development efforts, increasing complexity and time-to-market.

Core Features & Use Cases

  • End-to-End Feature Ownership: Designs and implements cohesive solutions from database schema to user interface.
  • Cross-Stack Consistency: Ensures type-safe APIs, consistent error handling, and synchronized authentication across all layers.
  • Performance Optimization: Optimizes performance at each layer, from database queries to frontend bundle size.
  • Use Case: You need to build a new user dashboard feature, including database schema, API endpoints, and a React UI. Use this Skill to design and implement the entire feature end-to-end, ensuring seamless data flow, consistent error handling, and optimal performance across all layers.

Quick Start

Use the fullstack-developer skill to design and implement a new 'product catalog' feature, starting with the database schema and API contracts.

Frequently Asked Questions about fullstack-developer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a complete feature from database to UI end-to-end?

End-to-end feature development spans database schema design, API implementation, and frontend UI in one cohesive workflow. This approach ensures type-safe contracts between layers, consistent error handling, and synchronized authentication, reducing integration challenges and time-to-market.

How do I ensure consistency across backend, API, and frontend layers?

Cross-stack consistency requires shared data models, type-safe API contracts, and coordinated authentication and error handling across all layers. This prevents fragmented development and integration gaps when multiple team members work on different parts of the same feature.

What's the best way to optimize performance across the entire stack?

Performance optimization spans database query tuning, API response efficiency, and frontend bundle size reduction. Addressing bottlenecks at each layer—not just one—delivers measurable improvements in application responsiveness and user experience.

Can I use this approach for production-grade applications?

Yes. This approach satisfies production requirements including comprehensive testing, deployment readiness, cross-layer security, type-safe contracts, and performance optimization, making it suitable for shipping reliable, end-to-end features.

How do I design a feature like a product catalog with database, API, and UI together?

Start by defining the database schema, then design type-safe API contracts that reflect your data model, and finally build the UI layer consuming those contracts. This order ensures data consistency and reduces rework when layers need to communicate.