konamgilCommunity·11 Agent Skills Included

mandu

Agent-safe fullstack development with routing, contracts, and guardrails

Builds fullstack Bun and React applications with file-system routing, typed API contracts, and island hydration. Keeps architecture intact while coding agents make changes, using guard rules, snapshots, and transaction-based safe edits. Automates scaffolding, verification, testing, and deployment checks so projects stay consistent without manual review of every generated file.

46|4

↗

npx skills add konamgil/mandu --all -g -y

Available:

Instructs the agent to classify each task by domain (route, API, contract, slot, island, guard, debug, deploy) and route it to the matching Mandu skill or MCP tool before editing source files directly.

All Skills in This Repository (11)

Pure Emerald Level Indicators

📦 In Repo

konamgil

mandu-composition

Compose reusable island-based UI with provider-injected state in Mandu apps.

mandu-hydration

Implement Mandu island hydration patterns for partial client-side interactivity.

Mandu UI

Integrate shadcn/ui and Radix UI components within Mandu Island architecture.

mandu-fs-routes

Map app/ folder files to Mandu URL routes for pages, APIs, and layouts.

mandu-security

Implement security best practices for Mandu applications including authentication, authorization, input validation, and web vulnerability protection.

mandu-guard

Enforce layered architecture and dependency rules across frontend and backend.

mandu-performance

Optimize Mandu applications with structured performance guidelines and reusable rule templates.

Mandu Styling

Apply Tailwind CSS v4 theming across Mandu Island components.

mandu-slot

Implement API handlers, guards, and lifecycle hooks with Mandu.filling().

mandu-testing

Standardize unit, integration, and end-to-end tests for Mandu applications.

Mandu Deployment

Automate production deployments for Mandu applications across multiple platforms.

Community

Advanced

Frequently Asked Questions

FAQPage Schema

How to install Mandu?▼

Run `npx skills add konamgil/mandu --all -g -y` in your terminal to install all Mandu skills globally for your coding agent.

What is the Mandu framework used for?▼

Mandu is a Bun-native fullstack framework for React apps with file-system routing, typed API contracts, and island hydration. It is built so coding agents can change code without breaking architecture or build state.

How does Mandu keep agent-generated code safe?▼

It enforces architecture guard rules, typed contracts, and a context-plan-apply-verify-repair workflow. Risky refactors run inside snapshots and transactions so failed changes can be rolled back.

Does Mandu work with Claude Code and other coding agents?▼

Yes. Mandu ships an MCP server and SKILL.md files that integrate with Claude Code, Gemini CLI, Cursor, and other agents, giving them project-aware tools instead of blind file edits.

Can Mandu scaffold APIs and pages automatically?▼

Yes. The agent can generate routes, contracts, slots, and tests through MCP tools like resource.create and generate_scaffold, then verify everything with automated guard and test pipelines.