hap-view-plugin

Name: hap-view-plugin
Availability: InStock
Author: garfield-bb

Create and automate HAP custom view plugins for Mingdao Cloud.

27|5|Updated Jan 13, 2026

Search Tags:#automation #template #React #publication #hap #view-plugin #mdye-cli

Ready to run

npx skills add https://github.com/garfield-bb/hap-skills-collection --skill hap-view-plugin

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: hap-view-plugin
Source: https://github.com/garfield-bb/hap-skills-collection/tree/main/.claude/skills/hap-view-plugin
Command: npx skills add https://github.com/garfield-bb/hap-skills-collection --skill hap-view-plugin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the end-to-end creation, development, and publishing of HAP custom view plugins for Mingdao Cloud, replacing manual setup with template-based automation.

Core Features & Use Cases

7-step development workflow: environment checks, scaffolding, dependency installation, coding, debugging, building, and publishing.
Supports official templates (JavaScript, React, React-Tailwind, Vue) with guided customization.
Provides integrated API usage guidance and best practices for development, debugging, and release management.
Suits dashboards, CRM views, cross-app plugins within HAP ecosystems.

Quick Start

Create a new hap-view-plugin project using mdye init view with your unique plugin ID and a chosen template, install dependencies, start the dev server in the background, and then build and push to release.

Frequently Asked Questions about hap-view-plugin

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

FAQPage Schema

How do I build a custom view plugin for Mingdao Cloud HAP?▼

To build HAP view plugins, use a template-based workflow that scaffolds the project, installs dependencies, runs a dev server, and publishes the finalized plugin. This automation covers end-to-end development from initialization to release.

Can I use React or Vue to develop HAP view plugins?▼

Yes, HAP view plugin development supports official templates for JavaScript, React, React-Tailwind, and Vue. You can choose your preferred framework during project initialization to guide customization and coding.

What is the standard workflow for publishing a HAP view plugin?▼

Publishing a HAP view plugin involves a standardized release process: initializing with a unique plugin ID, installing dependencies, developing locally, building the project, and pushing the build output to release it.

Does HAP view plugin development require YAML frontmatter?▼

Yes, HAP view plugin development enforces YAML frontmatter in the project configuration. This ensures safe, repeatable development patterns and standardized release steps across all supported templates.

Why should I use a template to create a HAP view plugin instead of manual setup?▼

Using templates to create HAP view plugins replaces manual setup with automated scaffolding, dependency installation, and integrated API guidance. This streamlines the entire development cycle and ensures safe, repeatable patterns.

What kind of applications suit HAP custom view plugins?▼

HAP custom view plugins suit dashboards, CRM views, and cross-app plugins within HAP ecosystems. They enable customized interfaces and guided interactions tailored to specific application workflows.