A guide to building full-stack web applications with bkend.ai, a backend service that provides features such as user accounts, data storage, file storage, and APIs. It covers connecting a React or Next.js frontend to that service.

Use it to start a full-stack project, add login and signup, connect a database and file storage, and integrate backend APIs with a web app.

It helps frontend developers add backend capabilities without designing every server component from scratch. It also explains how authentication and application data are connected.

dynamic — Skill for Claude Code and Codex by ww-w-ai: A guide to building full-stack web applications with bkend.ai…

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods

npx agentmods add skills/ww-w-ai/bkit-claude-code/dynamic

Any agent

npx skills add ww-w-ai/bkit-claude-code --skill dynamic

Clone the repo

git clone --depth 1 https://github.com/ww-w-ai/bkit-claude-code

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/skills/ww-w-ai/bkit-claude-code/dynamic.svg)](https://agentmods.dev/skills/ww-w-ai/bkit-claude-code/dynamic)

Your own site

<a href="https://agentmods.dev/skills/ww-w-ai/bkit-claude-code/dynamic"><img src="https://agentmods.dev/badge/skills/ww-w-ai/bkit-claude-code/dynamic.svg" alt="Measured on agentmods" height="20"></a>

Per session 38 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 2,779 The whole file, excluding the scripts and references it only reads on demand.

Security scan A 0 findings. Scan, not verified.

Origin unknown No closer match found in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5	$0.00038	$0.02779
Opus 5	$0.00019	$0.01389
Sonnet 5	$0.00008	$0.00556
Haiku 4.5	$0.00004	$0.00278

Measured yesterday against content hash 9e9642f3a10d, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

dynamic scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured yesterday.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/dynamic/SKILL.md · 400 lines

How it starts

The opening of the file, as written. The whole thing — 400 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Intermediate (Dynamic) Skill

Actions

Action	Description	Example
`init`	Project initialization (/init-dynamic feature)	`/dynamic init my-saas`
`guide`	Display development guide	`/dynamic guide`
`help`	BaaS integration help	`/dynamic help`

init (Project Initialization)

Create Next.js + Tailwind project structure
Configure bkend.ai MCP (.mcp.json)
Create CLAUDE.md (Level: Dynamic specified)
Create docs/ folder structure
src/lib/bkend.ts client template
Initialize .bkit-memory.json

guide (Development Guide)

bkend.ai auth/data configuration guide
Phase 1-9 full Pipeline guide
API integration patterns

help (BaaS Help)

Explain bkend.ai basic concepts
Auth, database, file storage usage
MCP integration methods

Target Audience

Frontend developers
Solo entrepreneurs
Those who want to build fullstack services quickly

Tech Stack

Frontend:
- React / Next.js 14+
- TypeScript
- Tailwind CSS
- TanStack Query (data fetching)
- Zustand (state management)

Backend (BaaS):
- bkend.ai
  - Auto REST API
  - MongoDB database
  - Built-in authentication (JWT)
  - Real-time features (WebSocket)

Deployment:
- Vercel (frontend)
- bkend.ai (backend)

Language Tier Guidance (v1.3.0)

Recommended: Tier 1-2 languages

Dynamic level supports full-stack development with strong AI compatibility.

Tier	Allowed	Reason
Tier 1	✅ Primary	Full AI support
Tier 2	✅ Yes	Mobile (Flutter/RN), Modern web (Vue, Astro)
Tier 3	⚠️ Limited	Platform-specific needs only
Tier 4	❌ No	Migration recommended

Mobile Development:

React Native (Tier 1 via TypeScript) - Recommended
Flutter (Tier 2 via Dart) - Supported

Project Structure

project/
├── src/
│   ├── app/                    # Next.js App Router
│   │   ├── (auth)/            # Auth-related routes
│   │   │   ├── login/
│   │   │   └── register/
│   │   ├── (main)/            # Main routes
│   │   │   ├── dashboard/
│   │   │   └── settings/
│   │   ├── layout.tsx
│   │   └── page.tsx
│   │
│   ├── components/             # UI components
│   │   ├── ui/                # Basic UI (Button, Input...)
│   │   └── features/          # Feature-specific components
│   │
│   ├── hooks/                  # Custom hooks
│   │   ├── useAuth.ts
│   │   └── useQuery.ts
│   │
│   ├── lib/                    # Utilities
│   │   ├── bkend.ts           # bkend.ai client
│   │   └── utils.ts
│   │
│   ├── stores/                 # State management (Zustand)
│   │   └── auth-store.ts
│   │
│   └── types/                  # TypeScript types
│       └── index.ts
│
├── docs/                       # PDCA documents
│   ├── 01-plan/
│   ├── 02-design/
│   │   ├── data-model.md      # Data model
│   │   └── api-spec.md        # API specification
│   ├── 03-analysis/
│   └── 04-report/
│
├── .mcp.json                   # bkend.ai MCP config (type: http)
├── .env.local                  # Environment variables
├── package.json
└── README.md

Read the full file on GitHub · 400 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

yesterday First seen · 400 lines · 38 tokens per session scan A 9e9642f3a10d

Subscribe to this mod's changes

dynamic is a skill published in the GitHub repository ww-w-ai/bkit-claude-code (595 stars, last pushed 18d ago), licensed Apache-2.0. It adds 38 tokens to every session and 2,779 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.

Backend and APIs Databases MongoDB ai-agents ai-driven-work ai-native-development bkit claude-code multi-language

dbx

DBX CLI for database schema exploration and read-only queries. When the user needs to list connections, explore tables, describe schemas, run queries, or generate AI-friendly schema context from DBX-managed databases. Do NOT use for write operations unless the user explicitly confirms with --allow-writes.

t8y2/dbx · 61 tokens

managed-db-services

Configure DigitalOcean Managed MySQL, MongoDB, Valkey, Kafka, and OpenSearch for App Platform. Use when setting up non-PostgreSQL databases, configuring trusted sources, or troubleshooting database connectivity.

digitalocean-labs/do-app-platform-skills · 46 tokens

mongodb-replica-sets

Production MongoDB replica-set operation: topology, durability, host tuning, and the container-specific gotchas Claude gets wrong. Use when setting up or configuring a replica set, writing its connection string, choosing read preference or write concern, running MongoDB in Docker or Swarm, or planning failover and…

TheDecipherist/claude-code-mastery-project-starter-kit · 130 tokens

okf-mongodb

MongoDB connector that produces and ingests Open Knowledge Format (OKF) bundles by sampling documents to infer each collection's schema. Emits one concept per collection with a Name | Type | Presence table (top-level fields, with mixed types shown as a union and presence as the percentage of sampled documents). The…

xSAVIKx/okf-skills · 126 tokens

mongodb

MongoDB - NoSQL document database with flexible schema design, aggregation pipelines, indexing strategies, and Spring Data integration.

bobmatnyc/claude-mpm-skills · 24 tokens

dotnet-testing-advanced-testcontainers-nosql

Testcontainers NoSQL 整合測試完整指南。當需要對 MongoDB 或 Redis 進行容器化整合測試時使用。涵蓋 MongoDB 文件操作、Redis 五種資料結構、Collection Fixture 模式。包含 BSON 序列化、索引效能測試、資料隔離策略與容器生命週期管理。 Make sure to use this skill whenever the user mentions Testcontainers MongoDB, Testcontainers Redis, NoSQL integration test, BSON serialization, or Redis data structure…

kevintsengtw/dotnet-testing-agent-skills · 191 tokens