Total Development Toolkit MCP
Supports development with Angular 18, including component creation and UI development for front-end applications
Enables backend development with Django, including API creation and database setup
Supports containerization and deployment automation for applications
Facilitates backend development with FastAPI, including API server creation and endpoint generation
Enables mobile app development with Flutter 3.24, including app creation and widget generation
Provides repository management, PR creation, issue management, and version control integration
Enables setting up CI/CD workflows and automating build processes
Supports database operations and integration with MongoDB
Supports development with Next.js 15, including web app creation and component development
Facilitates backend development with Node.js
Enables database operations and integration with PostgreSQL
Provides browser automation capabilities for web scraping, screenshots, and E2E testing
Supports backend development with Python, including FastAPI and Django frameworks
Facilitates deployment and hosting of applications on Railway platform
Supports development with React 19, including component creation and web app development
Enables backend development with Rust
Provides tools for Supabase project setup, table creation, authentication configuration, and realtime features
Supports development with Svelte 5, including component creation for front-end applications
Facilitates deployment and hosting of applications on Vercel platform
Enables automated testing with Vitest 2.0 for front-end applications
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Total Development Toolkit MCPcreate a Next.js 15 app with Supabase auth and a dashboard component"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
1μΈ κ°λ° Toolkit MCP π
λͺ¨λ κ°λ° λꡬλ₯Ό νλλ‘ ν΅ν©ν μμ 체 MCP (2025λ 7μ μ΅μ λ²μ )
π― νΉμ§
10κ°μ μΈκΈ° MCP + 1μΈ κ°λ° κΈ°λ₯μ νλλ‘!
ν¬ν¨λ κΈ°μ‘΄ MCP κΈ°λ₯λ€:
π§ Sequential Thinking - λ¨κ³λ³ μ¬κ³ λꡬ
π§ Clear Thought - λͺ νν μ¬κ³ μ 리
π Context7 - 컨ν μ€νΈ κ΄λ¦¬
β° Time MCP - μκ° κ΄λ¦¬
π Exa - κ²μ λꡬ
π¨ Shadcn UI - UI μ»΄ν¬λνΈ
π οΈ Toolbox - μ νΈλ¦¬ν°
π₯οΈ Desktop Commander - λ°μ€ν¬ν± μ μ΄
π GitHub - λ²μ κ΄λ¦¬
π Browser Tools - λΈλΌμ°μ μλν
μΆκ°λ 1μΈ κ°λ° κΈ°λ₯:
π λͺ¨λ νλ‘ νΈμλ: React 19, Vue 3.5, Next.js 15, Angular 18, Svelte 5
π± λͺ¨λ°μΌ κ°λ°: Flutter 3.24, React Native 0.75
π λ°±μλ κ°λ°: Python (FastAPI, Django), Node.js, Go, Rust
ποΈ λ°μ΄ν°λ² μ΄μ€: Supabase, PostgreSQL, MongoDB
π§ͺ ν μ€νΈ μλν: Vitest 2.0, Playwright 1.45
π λ°°ν¬ μλν: Vercel, Railway, Docker
Related MCP server: HostBridge MCP Server
π¦ μ€μΉ
Smithery CLI μ¬μ©
npx @smithery/cli run @your-username/total-devlopment-toolkit-mcp --key YOUR_KEYClaude Desktop μ€μ
{
"mcpServers": {
"total-devlopment-toolkit": {
"command": "npx",
"args": [
"-y",
"@smithery/cli@latest",
"run",
"@your-username/total-devlopment-toolkit-mcp",
"--key",
"YOUR-KEY"
],
"env": {
"GITHUB_TOKEN": "ghp_xxxxx",
"SUPABASE_URL": "https://xxxxx.supabase.co",
"SUPABASE_ANON_KEY": "eyJxxxxx"
}
}
}
}π οΈ λꡬ λͺ©λ‘ (μ΄ 50κ°+)
π§ μ¬κ³ λꡬ
sequential_thinking- λ¨κ³λ³ λ¬Έμ ν΄κ²°clear_thought- μ¬κ³ μ 리 λ° κ΅¬μ‘°νbrainstorm- μμ΄λμ΄ μμ±decision_tree- μμ¬κ²°μ λΆμ
π 컨ν μ€νΈ κ΄λ¦¬
save_context- νμ¬ μν μ μ₯load_context- μ μ₯λ μν λΆλ¬μ€κΈ°list_contexts- μ μ₯λ 컨ν μ€νΈ λͺ©λ‘merge_contexts- 컨ν μ€νΈ λ³ν©
β° μκ° κ΄λ¦¬
set_timer- νμ΄λ¨Έ μ€μ set_alarm- μλ μ€μ get_timezone- μκ°λ λ³νschedule_task- μμ μμ½
π κ²μ
web_search- μΉ κ²μcode_search- μ½λ κ²μdoc_search- λ¬Έμ κ²μapi_search- API κ²μ
π¨ UI κ°λ°
install_shadcn- Shadcn UI μ€μΉcreate_ui_component- UI μ»΄ν¬λνΈ μμ±setup_theme- ν λ§ μ€μ generate_design_system- λμμΈ μμ€ν μμ±
π GitHub
create_repo- 리ν¬μ§ν 리 μμ±create_pr- PR μμ±manage_issues- μ΄μ κ΄λ¦¬setup_actions- GitHub Actions μ€μ
π λΈλΌμ°μ μλν
browser_automate- μΉ μλνtake_screenshot- μ€ν¬λ¦°μ·run_e2e_test- E2E ν μ€νΈweb_scrape- μΉ μ€ν¬λν
π₯οΈ λ°μ€ν¬ν± μ μ΄
capture_screen- νλ©΄ μΊ‘μ²file_manager- νμΌ κ΄λ¦¬system_info- μμ€ν μ 보app_launcher- μ± μ€ν
π νλ‘ νΈμλ κ°λ°
create_web_app- μΉ μ± μμ± (λͺ¨λ νλ μμν¬)create_component- μ»΄ν¬λνΈ μμ±setup_styling- μ€νμΌλ§ μ€μ optimize_performance- μ±λ₯ μ΅μ ν
π± λͺ¨λ°μΌ κ°λ°
create_flutter_app- Flutter μ± μμ±create_react_native_app- RN μ± μμ±create_widget- μμ ―/μ»΄ν¬λνΈ μμ±setup_mobile_ci- λͺ¨λ°μΌ CI/CD μ€μ
π λ°±μλ κ°λ°
create_api- API μλ² μμ±create_endpoint- μλν¬μΈνΈ μμ±setup_database- DB μ€μ generate_docs- API λ¬Έμ μμ±
ποΈ Supabase
setup_supabase- Supabase νλ‘μ νΈ μ€μ create_table- ν μ΄λΈ μμ±setup_auth- μΈμ¦ μ€μ setup_realtime- μ€μκ° κΈ°λ₯
π ν΅ν© κΈ°λ₯
create_fullstack_app- νμ€ν μ± μμ±convert_component- μ»΄ν¬λνΈ λ³ν (React β Flutter β Vue)sync_data_models- λ°μ΄ν° λͺ¨λΈ λκΈ°νdeploy_all- μ 체 λ°°ν¬
π‘ μ¬μ© μμ
νμ€ν νλ‘μ νΈ μμ±
You: "SaaS νλ«νΌμ Next.js + FastAPI + Supabaseλ‘ λ§λ€μ΄μ€"
ν΅ν© MCPκ° μλμΌλ‘:
1. Next.js 15 νλ‘ νΈμλ μμ±
2. FastAPI λ°±μλ μμ±
3. Supabase λ°μ΄ν°λ² μ΄μ€ μ€μ
4. μΈμ¦ μμ€ν
ꡬμΆ
5. Docker μ€μ
6. GitHub 리ν¬μ§ν 리 μμ±
7. CI/CD νμ΄νλΌμΈ μ€μ ν¬λ‘μ€ νλ«νΌ κ°λ°
You: "μ΄ React μ»΄ν¬λνΈλ₯Ό Flutter μμ ―μΌλ‘ λ³νν΄μ€"
ν΅ν© MCPκ°:
- React μ½λ λΆμ
- Flutter μμ ―μΌλ‘ μλ λ³ν
- μ€νμΌ λ° λ‘μ§ λ³΄μ‘΄μλνλ μν¬νλ‘μ°
You: "λ§€μΌ μ€μ 9μμ νλ‘μ νΈ λΉλ μν 체ν¬νκ³ λ¦¬ν¬νΈ λ§λ€μ΄μ€"
ν΅ν© MCPκ°:
- μ€μΌμ€ μ€μ
- GitHub Actions λͺ¨λν°λ§
- λΉλ μν λΆμ
- 리ν¬νΈ μλ μμ±π§ νκ²½ λ³μ μ€μ
# GitHub κΈ°λ₯
GITHUB_TOKEN=ghp_xxxxxxxxxxxxx
# Supabase κΈ°λ₯
SUPABASE_URL=https://xxxxx.supabase.co
SUPABASE_ANON_KEY=eyJxxxxxxxxxxxxx
# AI κΈ°λ₯ (μ ν)
OPENAI_API_KEY=sk-xxxxxxxxxxxxx
# λΈλΌμ°μ μλν
PUPPETEER_EXECUTABLE_PATH=/usr/bin/chromiumπ λΌμ΄μ μ€
MIT
Made with β€οΈ for Developers who want it all!
Latest Blog Posts
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/su-record/total-development-toolkit-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server