skills.rest
konamgil
konamgilCOMMUNITY
Explore all skills by this author →
GitHub

mandu-performance

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

46|4|Updated Jan 21, 2026
Search Tags:#performance#caching#optimization#async#bun#bundle#mandu
One-click install
npx skills add https://github.com/konamgil/mandu --skill mandu-performance
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mandu-performance
Source: https://github.com/konamgil/mandu/tree/main/packages/mcp/src/resources/skills/mandu-performance
Command: npx skills add https://github.com/konamgil/mandu --skill mandu-performance

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance optimization patterns for Mandu applications to reduce latency, shrink bundles, and improve overall runtime efficiency by guiding how to structure async work, caching, and rendering.

Core Features & Use Cases

  • Async optimization using Promise.all and early awaits to minimize network latency.
  • Bundle and island optimization via direct imports and dynamic loading to reduce initial payload.
  • Caching strategies using React.cache() and LRU caches to avoid duplicate work and data fetches.
  • Bun runtime tuning and streaming patterns to maximize throughput on Bun.
  • Rendering improvements for island hydration and startTransition-based updates to prevent UI blocking.
  • Example: Optimize a dashboard that fetches user data, posts, and analytics in parallel and lazy-load heavy components.

Quick Start

Apply Mandu-performance guidelines to your app to optimize async operations, code-splitting, and caching for faster, more reliable executions.

Frequently Asked Questions about mandu-performance

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I optimize async patterns in Mandu applications to reduce network latency?▼

Optimize Mandu async patterns by using Promise.all and early awaits to minimize network latency. Fetching user data, posts, and analytics in parallel reduces sequential waiting and accelerates overall dashboard rendering.

What is the best way to shrink bundle size and optimize island components in Mandu?▼

Shrink bundle size in Mandu by using direct imports for essential island components and dynamic loading for heavy ones. This reduces initial payload and improves island hydration efficiency.

How do I prevent duplicate data fetches when rendering Mandu islands?▼

Prevent duplicate data fetches in Mandu by implementing caching strategies with React.cache() and LRU caches. These methods avoid redundant work during island hydration and streamline rendering updates.

Can I tune Bun runtime throughput and streaming patterns for Mandu apps?▼

Tune Bun runtime throughput in Mandu apps by applying streaming patterns and runtime configurations. This maximizes server-side execution efficiency and improves overall data streaming performance.

How does startTransition prevent UI blocking during Mandu island updates?▼

StartTransition prevents UI blocking in Mandu by marking island hydration updates as non-urgent. This keeps the interface responsive while rendering improvements process in the background.

Related Skills

Explore More Software Engineering Skills→
zomeruzomeru

bun

Automates JavaScript/TypeScript builds, tests, and installs with Bun's native tools.

Community
Advanced
rsmdtrsmdt
381

performance-profiling

Diagnose performance issues by profiling CPU, memory, and I/O metrics.

Community
Advanced
lie5860lie5860
30

vercel-react-best-practices

Optimize React and Next.js performance with parallel async and caching patterns.

Community
Advanced
LuisSambranoLuisSambrano
7

vercel-react

Optimize React and Next.js performance with 57 rules across 8 categories.

Community
Advanced