add-frontend-feature
CommunityScaffold new frontend features end-to-end.
Authoragusmdev
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Replaces repetitive boilerplate when adding a new frontend feature by providing a structured, end-to-end scaffolding workflow for types, API integration, and UI components.
Core Features & Use Cases
- End-to-end scaffolding: Generates TypeScript interfaces, API endpoints, query and mutation hooks, components, and routes for a new feature.
- Consistency and best practices: Enforces a standard project structure (types, lib, hooks, components, routes) and integrates with the existing architecture.
- Real-world scenarios: Ideal for creating features that connect frontend UI with backend services via REST or GraphQL, with client-side data fetching and error handling.
Quick Start
Create a new frontend feature by following the step-by-step prompts in this guide to scaffold types, endpoints, hooks, components, and routes.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: add-frontend-feature Download link: https://github.com/agusmdev/fullstack-ai-template/archive/main.zip#add-frontend-feature Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.