use-wd-form

Define standardized form-building and validation guidelines for wd-form components.

Updated Sep 11, 2025
One-click install
npx skills add https://github.com/ruan-cat/11comm-app --skill use-wd-form
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: use-wd-form
Source: https://github.com/ruan-cat/11comm-app/tree/main/.claude/skills/use-wd-form
Command: npx skills add https://github.com/ruan-cat/11comm-app --skill use-wd-form

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

本技能文件定义了在本项目中使用 wot-design-uni 的 <wd-form> 组件编写表单页的标准规范,提供表单结构、 wd-picker 选择器、校验规则、提交处理的完整规范。

Core Features & Use Cases

  • 提供表单包裹、分组、校验、提交等实现要点,覆盖文本输入、选择器、单选/多选等多种场景。
  • 支持 Vue2 迁移中的表单改造、以及从现有页面平滑迁移到 wd-form 的统一规范。
  • 应用场景包括维修工单创建、房屋申请、投诉录单、活动报名、用户信息编辑等。

Quick Start

直接将该规范应用到新建或现有表单页,确保使用 <wd-form><wd-cell-group>、FormRules 等,按示例结构组织代码。

Frequently Asked Questions about use-wd-form

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

FAQPage Schema
How do I standardize form validation and structure in wot-design-uni?

To standardize form validation in wot-design-uni, apply this Skill to establish guidelines using <wd-form> and <wd-cell-group> components alongside FormRules, ensuring consistent structure, grouping, and validation across maintenance and registration pages.

What is the best way to migrate Vue2 forms to wd-form?

Migrating Vue2 forms to wd-form involves applying standardized building guidelines that support a smooth transition from existing pages to a unified wd-form structure, covering text inputs, pickers, and validation rules.

How do I handle wd-picker and form submission in wot-design-uni?

Handle wd-picker and form submission by following the complete specification for wd-form pages, which provides implementation要点 for text inputs, selectors, radio buttons, and the final submit processing logic.

Can I use this wd-form standard for complex maintenance order pages?

Yes, you can use this wd-form standard for complex maintenance order pages, as it specifically supports common form-heavy scenarios including maintenance orders, housing applications, complaints, and profile edits.

Do I need YAML frontmatter to implement wd-form standards?

Yes, you need YAML frontmatter containing a name and description to implement wd-form standards, and it supports optional scripts, references, and assets for extended tooling capabilities.