skills.rest
garfield-bb
garfield-bbCOMMUNITY
Explore all skills by this author →
GitHub

hap-view-plugin

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
One-click install
npx skills add https://github.com/garfield-bb/hap-skills-collection --skill hap-view-plugin
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
steedossteedos
1.6k

steedos-project-format

Scaffold Steedos projects with package.json and steedos-config.yml.

Official
Intermediate
mingdaocommingdaocom
13

hap-apiv3-data

Operate Mingdao Cloud HAP application data via the HAP V3 API.

Official
Advanced
jorgeasaurusjorgeasaurus
12

ckm:ui-styling

Create accessible React interfaces with Radix UI components and Tailwind CSS.

Community
Advanced
partme-aipartme-ai
610

webpack

Configure Webpack bundlers with loaders, plugins, and code splitting.

Official
Intermediate