Dynamic Skill

Fullstack development with bkend.ai BaaS platform

Overview

The Dynamic skill enables fullstack web application development using bkend.ai as the Backend-as-a-Service platform. No server management required.

When to Use

• Web applications with user accounts
• SaaS products
• MVPs with backend requirements
• Apps needing authentication
• Data-driven applications

bkend.ai Features

• Authentication: Email, OAuth (Google, GitHub), Magic Links
• Database: MongoDB Atlas (REST API)
• Storage: S3 Presigned URL file uploads
• Real-time: WebSocket subscriptions (planned)
• API: REST API (https://api-client.bkend.ai)
• MCP: 28 tools + 4 resources (https://api.bkend.ai/mcp)

Project Structure

project/
├── app/
│   ├── (auth)/
│   │   ├── login/
│   │   └── signup/
│   ├── (dashboard)/
│   │   └── ...
│   └── api/
├── lib/
│   └── bkend/
│       └── client.ts
├── components/
├── docs/
│   ├── 01-plan/
│   ├── 02-design/
│   └── 03-analysis/
└── .mcp.json

Key Phases (Dynamic Level)

Phase	Required	Description
1. Schema	✅	Define data models
2. Convention	✅	Set coding rules
3. Mockup	✅	Design UI/UX
4. API	✅	Design API endpoints
5. Design System	🔶 Optional	Component library
6. UI Integration	✅	Connect frontend to API
7. SEO/Security	🔶 Optional	Auth hardening
8. Review	🔶 Optional	Code review
9. Deployment	✅	Deploy to production

Getting Started

# Initialize Dynamic project
/dynamic init

# Start the pipeline
/development-pipeline start

Authentication Example

// lib/bkend/client.ts - REST API Direct Call Pattern
const BKEND_API_URL = process.env.NEXT_PUBLIC_BKEND_API_URL || 'https://api-client.bkend.ai';

async function bkendFetch(path: string, options: RequestInit = {}) {
  const response = await fetch(`${BKEND_API_URL}${path}`, {
    ...options,
    headers: {
      'Content-Type': 'application/json',
      'X-Project-Id': process.env.NEXT_PUBLIC_BKEND_PROJECT_ID!,
      'X-Environment': process.env.NEXT_PUBLIC_BKEND_ENVIRONMENT || 'dev',
      ...options.headers,
    },
  });
  if (!response.ok) throw new Error(`bkend API error: ${response.status}`);
  return response.json();
}

// Login
const { accessToken, refreshToken, user } = await bkendFetch('/auth/email/signin', {
  method: 'POST',
  body: JSON.stringify({ email, password }),
});

Available bkend Skills

For detailed domain knowledge, use these dedicated skills:

Skill	Command	Domain
bkend-quickstart	/bkend-quickstart	Onboarding, core concepts
bkend-auth	/bkend-auth	Authentication (21 docs)
bkend-data	/bkend-data	Database CRUD (13 docs)
bkend-storage	/bkend-storage	File storage (10 docs)
bkend-mcp	/bkend-mcp	MCP + AI tools (18 docs)
bkend-security	/bkend-security	Security (8 docs)
bkend-cookbook	/bkend-cookbook	Project tutorials (4+5)
bkend-guides	/bkend-guides	Guides + troubleshooting (16 docs)