hwms-mcp-server
Provides an Android WebView app shell module to wrap web applications as native Android apps.
Integrates MUI (Material-UI) components and the Mantis Admin template for building user interfaces.
Automatically resolves and adds npm dependencies for each module during scaffold generation.
Uses React as the framework for building page components and managing routes in generated projects.
Uses Vite as the build tool for fast development and production builds in the generated project scaffold.
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., "@hwms-mcp-serverCreate a hybrid admin app with dashboard and login page."
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.
Hybrid WebApp Modules System
AI-driven module selection and scaffold generation for hybrid web applications.
Overview
하이브리드 웹앱 개발을 위한 모듈 시스템입니다. MCP(Model Context Protocol)를 통해 AI가 프로젝트 요구사항에 맞는 모듈을 자동으로 선택하고 조합합니다.
Related MCP server: Next.js MCP Server
Features
모듈 목록 조회 - 사용 가능한 모듈 및 카테고리별 필터링
의존성 자동 해결 - 선택된 모듈의 의존성 분석 및 해결
프로젝트 스캐폴드 생성 - 모듈 조합으로 프로젝트 구조 자동 생성
라우트/메뉴 자동 주입 - 페이지 모듈 추가 시 라우트와 메뉴 자동 등록
npm 의존성 자동 추가 - 모듈별 npm 패키지 자동 주입
Quick Start
1. 설치
git clone https://github.com/yundoun/hwms-mcp-server.git
cd hwms-mcp-server
npm install
npm run build2. MCP 서버 등록
Claude Code (CLI) 사용자
방법 A: 프로젝트 범위 (.mcp.json 생성, 팀 공유 가능)
claude mcp add -s project hwms -- node dist/index.js방법 B: 사용자 범위 (모든 프로젝트에서 사용)
claude mcp add -s user hwms -- node /절대경로/hwms-mcp-server/dist/index.js등록 확인
claude mcp listClaude Desktop 사용자
~/Library/Application Support/Claude/claude_desktop_config.json (Mac)
%APPDATA%\Claude\claude_desktop_config.json (Windows)
{
"mcpServers": {
"hwms": {
"command": "node",
"args": ["/절대경로/hwms-mcp-server/dist/index.js"]
}
}
}설정 후 Claude Desktop 재시작
3. 사용 시작
Claude에게 말하기:
"사용 가능한 모듈 목록을 보여줘"
"대시보드와 로그인 페이지가 있는 관리자 앱을 만들어줘"Available Modules
Base Template
Module | Description |
| Mantis Admin 기반 템플릿 (MUI, Vite, React) |
Page Modules
Module | Description |
| Analytics 스타일 대시보드 |
| 소셜 로그인 페이지 |
| 회원가입 페이지 |
| 사용자 관리 CRUD |
| MUI DataGrid 기반 고급 테이블 |
| Stepper 기반 다단계 폼 |
| CRUD 예제 페이지 |
Bridge Modules (Native)
Module | Description |
| 네이티브 브릿지 코어 |
| 카메라/갤러리 브릿지 |
| 푸시 알림 브릿지 |
| 기기 정보 브릿지 |
UI Modules
Module | Description |
| MUI Snackbar 컴포넌트 |
| MUI Loader 컴포넌트 |
Shell
Module | Description |
| Android WebView 앱 쉘 |
MCP Tools
list_modules
사용 가능한 모듈 목록을 조회합니다.
resolve_dependencies
선택된 모듈들의 의존성을 해결합니다.
generate_scaffold
프로젝트 구조를 생성합니다.
Usage Example
Claude와 대화:
"대시보드와 사용자 관리 페이지가 있는 관리자 웹앱을 만들어줘"
→ AI가 자동으로:
1. base-mantis-admin + page-dashboard + page-user-management 선택
2. 의존성 해결
3. 프로젝트 생성Development
npm run dev # 개발 모드
npm run build # 빌드
npm run test # 테스트
npm run lint # ESLintAdding Custom Modules
modules/ 디렉토리에 새 폴더 생성 후 module.meta.json 작성:
{
"name": "page-my-feature",
"displayName": "My Feature",
"version": "1.0.0",
"category": "page",
"description": "My custom feature page",
"platforms": ["web"],
"dependencies": {
"modules": ["base-mantis-admin"],
"npm": {}
},
"slots": {
"web.routes": {
"path": "my-feature",
"component": "MyFeaturePage"
},
"web.menu": {
"id": "my-feature",
"title": "My Feature",
"type": "item",
"url": "/my-feature",
"icon": "StarIcon"
}
}
}License
MIT
This server cannot be installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
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/yundoun/hwms-mcp-server'
If you have feedback or need assistance with the MCP directory API, please join our Discord server