skills.rest
Auto-Plugin
Auto-PluginOFFICIAL
Explore all skills by this author →
GitHub

milkup-dev

Manage the milkup Electron Markdown editor development environment with Vite, esbuild, and pnpm.

920|67|Updated Jul 16, 2025
Search Tags:#typescript#development#debugging#electron#vite#vue3#milkup
One-click install
npx skills add https://github.com/Auto-Plugin/milkup --skill milkup-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: milkup-dev
Source: https://github.com/Auto-Plugin/milkup/tree/main/.agent/skills/milkup-dev
Command: npx skills add https://github.com/Auto-Plugin/milkup --skill milkup-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the setup, management, and debugging of the milkup desktop application's development environment, ensuring a smooth and efficient coding experience.

Core Features & Use Cases

  • Environment Setup: Guides users through installing necessary dependencies and configuring the development environment.
  • Development Workflow: Provides commands to start the development server, run the Electron app, and leverage hot-reloading.
  • Debugging Assistance: Offers insights into debugging techniques for both the main and renderer processes, and helps troubleshoot common issues.
  • Use Case: A new developer joins the milkup project and needs to quickly set up their local environment to start contributing. They can use this Skill to get the project running locally within minutes.

Quick Start

Run pnpm run dev to start the milkup development server and launch the Electron application.

Frequently Asked Questions about milkup-dev

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

FAQPage Schema
How do I set up the development environment for an Electron Markdown editor built with Vue 3 and TypeScript?▼

To set up the development environment, install the necessary dependencies using pnpm. Then, run `pnpm run dev` to start the Vite development server and launch the Electron application locally.

What is the best way to debug the main and renderer processes in an Electron app using Vite and esbuild?▼

Debugging Electron main and renderer processes involves leveraging the Vite development server and esbuild bundler. This Skill provides specific insights and techniques to attach debuggers to both processes and troubleshoot common issues.

Does the milkup development workflow support hot module replacement for Vue 3 and Milkdown components?▼

Yes, the milkup development workflow supports hot module replacement. It uses Vite for building and hot module replacement, ensuring that Vue 3 and Milkdown component updates reflect instantly during development.

Can I use npm or yarn instead of pnpm for dependency management in the milkup project?▼

The milkup project specifically supports pnpm for dependency management. While other package managers might work, the provided development workflow and commands are optimized for pnpm to ensure a smooth environment setup.

Why is my Electron application not launching after running the development server?▼

If the Electron application fails to launch, verify that all dependencies are correctly installed via pnpm. This Skill helps troubleshoot common issues with the main process bundling via esbuild and the Vite renderer setup.

Related Skills

Explore More Software Engineering Skills→
octoploreroctoplorer
5

pnpm

Manage JavaScript dependencies with pnpm workspaces and lockfiles.

Official
Advanced
DaleSeoDaleSeo
4

bun-dev-server

Set up a Bun development server with HMR and React Fast Refresh.

Community
Intermediate
Pama-LeePama-Lee

ordo-editor-component

Integrate Ordo visual editor components into Vue and React applications.

Community
Intermediate
devjaimedevjaime
1

vite

Configure and migrate Vite projects with vite.config.ts, plugins, SSR, and Rolldown.

Community
Intermediate