skills.rest
mingdaocom
mingdaocomOFFICIAL
Explore all skills by this author →
WebsiteGitHub

hap-view-plugin

Develop and publish custom HAP view plugins with mdye-cli and Node.js.

13|2|Updated Jun 8, 2026
Search Tags:#react#dashboard#plugin development#hap#custom view plugin#mdye#v3 api
One-click install
npx skills add https://github.com/mingdaocom/hap-skills --skill hap-view-plugin-mingdaocom
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hap-view-plugin
Source: https://github.com/mingdaocom/hap-skills/tree/main/skills/api/hap-view-plugin
Command: npx skills add https://github.com/mingdaocom/hap-skills --skill hap-view-plugin-mingdaocom

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires node.js, mdye-cli, npm, openssl, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill eliminates the complexity of creating, debugging, integrating, and publishing custom view plugins for the HAP platform.

Core Features & Use Cases

  • End-to-End Development Workflow: Initializes projects, installs dependencies, starts development servers, builds plugins, and publishes completed work.
  • HAP Data Integration: Uses mdye APIs and HAP V3 APIs for record queries, data operations, related records, cross-table access, and advanced statistics.
  • Field Type Handling: Correctly parses selection, relation, attachment, user, location, and other HAP field formats, including the special handling required for type 9 and type 29 fields.
  • Practical Plugin Scenarios: Supports BI dashboards, order and task boards, calendars, Gantt charts, maps, lists, card views, and custom business visualizations.

Quick Start

Use the hap-view-plugin skill to initialize a React HAP view plugin for the requested worksheet and view ID, implement the specified interface, start development, and publish it after approval.

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 a HAP dashboard?▼

You build a custom view plugin for a HAP dashboard by initializing a React project via mdye-cli, installing npm dependencies, integrating HAP V3 APIs for data, and executing build-and-push publication workflows.

What do I need to develop HAP custom view plugins?▼

Developing HAP custom view plugins requires Node.js, npm, the mdye-cli tool, and OpenSSL installed locally to initialize projects, manage development servers, and execute build-and-push publication workflows.

How does HAP data integration work for custom view plugins?▼

HAP data integration works by utilizing mdye APIs and HAP V3 APIs for record queries, data operations, related records, cross-table access, and advanced statistics within custom view plugins.

How do I handle HAP field types like type 9 and type 29 in a React plugin?▼

Handling HAP field types like type 9 and type 29 in a React plugin requires robust field-type parsing logic to correctly process selection, relation, attachment, user, and location data formats.

Can I create a Gantt chart or calendar view using the HAP V3 API?▼

Yes, you can create Gantt charts, calendars, maps, lists, and card views using the HAP V3 API and mdye APIs within your custom view plugin to visualize cross-table business data.

Related Skills

Explore More Software Engineering Skills→
hckhanhhckhanh
3

ctx-upgrade

Fetch, build, install, and configure the Context Mode plugin automatically.

Community
Intermediate
TestAny-ioTestAny-io
79

debug

Diagnose Testany test failures by analyzing execution logs and identifying root causes.

Official
Intermediate
garfield-bbgarfield-bb
27

hap-v3-api

Authenticate and query HAP V3 API endpoints for front-end data operations.

Community
Advanced
borgheiborghei
467

business-intelligence

Automate BI workflows by turning raw data into metrics and dashboards.

Community
Advanced