General

Frontend Features.mdc

How we build new full-stack features including frontend APIs, file structure, and components

promptBeginner5 min to valuemarkdown

0 views

Feb 7, 2026

Sign in to like and favorite skills

View Original Source

Share:

Related Skills

PromptBeginner5 minmarkdown

<h1 align="center">

<a href="https://prompts.chat">

PromptBeginner5 minmarkdown

2. Apply Deepthink Protocol (reason about dependencies

risks

PromptBeginner5 minmarkdown

- Identify gaps

ambiguities

description: How we build new full-stack features including frontend APIs, file structure, and components globs: web/** alwaysApply: true

Framework

Next.js
Pages router

File Structure

We generally put all code related to a net-new feature into a folder within web/src/features.
Check out other features to learn about the common structure.

API for frontend features

Components

We use Shadcn/ui
- Components in
```
@/src/components/ui
```
- If a component is not installed yet, ask the user to install it for you
When creating new custom components that generalize, we add them with a generalizable naming to
```
@/src/components
```

Styling