// Frequently used classes
<div className="
container // Center alignment
mx-auto // Auto left/right margin
p-4 // Padding 16px
text-center // Center text
text-xl // Large text
font-bold // Bold text
bg-blue-500 // Blue background
text-white // White text
rounded-lg // Rounded corners
hover:bg-blue-600 // Color change on hover
">
Deployment Methods
GitHub Pages (Free)
1. Create GitHub repository
2. Push code
3. Settings → Pages → Source: main branch
4. Access at https://username.github.io/repo-name
Vercel (Recommended for Next.js)
1. Sign up at vercel.com (GitHub integration)
2. "New Project" → Select repository
3. Click "Deploy"
4. URL automatically generated
Limitations
❌ Login/Registration (requires server)
❌ Data storage (requires database)
❌ Admin pages (requires backend)
❌ Payment features (requires backend)
When to Upgrade
Move to Dynamic Level if you need:
→ "I need login functionality"
→ "I want to store data"
→ "I need an admin page"
→ "I want users to communicate with each other"
bkit Features for Starter Level (v1.5.1)
Output Style: bkit-learning (Recommended)
For the best learning experience, activate the learning output style:
/output-style bkit-learning
This provides:
Learning points after each task explaining what you did and why
TODO(learner) markers encouraging hands-on practice
Concept explanations adjusted for beginner difficulty
Agent Memory (Auto-Active)
bkit agents automatically remember your learning progress across sessions.
No setup needed — your starter-guide agent uses user scope memory,
so learning context persists even across different projects.
Agent Teams
Agent Teams is not available for Starter level projects.
When you upgrade to Dynamic level, you unlock 2-teammate parallel PDCA mode.
