← 返回 Skills 市场

Create Web Form

Name: Create Web Form
Author: jhauga

作者 John Haugabook · GitHub ↗ · v1.0.3 · MIT-0

cross-platform ✓ 安全检测通过

124

总下载

当前安装

版本数

在 OpenClaw 中安装

/install create-web-form

功能描述

Create robust, accessible web forms with best practices for HTML structure, CSS styling, JavaScript interactivity, form validation, and server-side processin...

使用说明 (SKILL.md)

Create Web Form Skill

Overview

This skill provides comprehensive reference materials and best practices for creating web forms. It covers HTML syntax, UI/UX design, form validation, server-side processing (PHP and Python), data handling, and network communication.

Purpose

Enable developers to build robust, accessible, and user-friendly web forms by providing:

HTML form syntax and structure
CSS styling techniques for form elements
JavaScript for form interactivity and validation
Accessibility best practices
Server-side form processing with PHP and Python
Database integration methods
Network data handling and security
Performance optimization

Reference Files

This skill includes the following reference documentation:

UI & Styling

styling-web-forms.md - Form styling techniques and best practices
css-styling.md - Comprehensive CSS reference for form styling

User Experience

accessibility.md - Web accessibility guidelines for forms
javascript.md - JavaScript techniques for form functionality
form-controls.md - Native form controls and their usage
progressive-web-app.md - Progressive web app integration

HTML Structure

form-basics.md - Fundamental HTML form structure
aria-form-role.md - ARIA roles for accessible forms
html-form-elements.md - Complete HTML form elements reference
html-form-example.md - Practical HTML form examples

Server-Side Processing

form-data-handling.md - Network form data handling
php-forms.md - PHP form processing
php-cookies.md - Cookie management in PHP
php-json.md - JSON handling in PHP
php-mysql-database.md - Database integration with PHP
python-contact-form.md - Python contact form implementation
python-flask.md - Flask forms tutorial
python-flask-app.md - Building Flask web applications
python-as-web-framework.md - Python web framework basics

Data & Network

xml.md - XML data format reference
hypertext-transfer-protocol.md - HTTP protocol reference
security.md - Web security best practices
web-api.md - Web API integration
web-performance.md - Performance optimization techniques

Usage

When creating a web form, consult the appropriate reference files based on your needs:

Planning: Review form-basics.md and form-controls.md
Structure: Use html-form-elements.md and aria-form-role.md
Styling: Reference styling-web-forms.md and css-styling.md
Interactivity: Apply techniques from javascript.md
Accessibility: Follow guidelines in accessibility.md
Server Processing: Choose between PHP or Python references
Data Storage: Consult database and data format references
Optimization: Review web-performance.md and security.md

Best Practices

Always validate input on both client and server sides
Ensure forms are accessible to all users
Use semantic HTML elements
Implement proper error handling and user feedback
Secure form data transmission with HTTPS
Collect passwords or payment data only when necessary; hash passwords server-side and prefer hosted payment fields or tokenization from a trusted processor
Treat any credential shown in examples as a placeholder and load real secrets from environment variables or a secret manager
Follow progressive enhancement principles
Test forms across different browsers and devices
Optimize for performance and user experience

安全使用建议

This skill appears safe to install as documentation/reference material. Be careful when using it to generate login, checkout, upload, database, or API-backed forms: inspect the output, keep secrets out of source code, use HTTPS, validate on the server, and avoid handling raw payment data unless you have the proper secure infrastructure.

功能分析

Type: OpenClaw Skill Name: create-web-form Version: 1.0.3 The 'create-web-form' skill bundle is a comprehensive educational resource providing reference materials for building secure and accessible web forms. It covers HTML, CSS, JavaScript, PHP, and Python (Flask), consistently emphasizing security best practices such as using prepared statements to prevent SQL injection (php-mysql-database.md), sanitizing inputs to mitigate XSS (php-forms.md), and using environment variables for sensitive credentials (python-contact-form.md). There are no indicators of malicious code, data exfiltration, or prompt injection attempts.

能力标签

cryptocan-make-purchasesrequires-oauth-tokenrequires-sensitive-credentials

能力评估

ℹ Purpose & Capability

The artifacts are coherent with the stated purpose of helping build accessible web forms, including backend, database, API, and security references. Some examples involve sensitive form use cases such as passwords and payments, which are expected for this domain but require care.

✓ Instruction Scope

The SKILL.md tells the agent to consult reference files and follow best practices. It does not contain goal-hijacking instructions, hidden override language, or instructions to act without user direction.

✓ Install Mechanism

There is no install spec, no required binaries, no required environment variables, and no code files to execute.

ℹ Credentials

The registry capability signals mention crypto, purchases, OAuth, and sensitive credentials, but the provided skill artifacts show reference guidance and examples rather than actual credential use or account access.

✓ Persistence & Privilege

The provided artifacts do not show persistence, background agents, local credential/profile access, privilege escalation, or autonomous account actions.

如何使用

确保已安装 OpenClaw（本地或 Docker 部署）
在对话框中输入安装命令：/install create-web-form
安装完成后，直接呼叫该 Skill 的名称或使用 /create-web-form 触发
根据 Skill 的参数说明提供必要输入，即可获得结构化输出

版本历史

v1.0.3

- Updated best practices to highlight secure handling of passwords and payment data, including server-side password hashing and preference for hosted payment solutions. - No changes to files or core functionality.

v1.0.2

- Added a best practice to treat any credentials in examples as placeholders and load real secrets from environment variables or a secret manager. - No other changes detected.

v1.0.1

Update to reference file `python-flask.md` - Replace string instance of mock login data to metavariable command-line syntax. No user-facing changes in this version. - No file changes detected from the previous version. - Documentation and functionality remain the same.

v1.0.0

Initial release of the "create-web-form" skill. - Provides reference materials and best practices for building robust, accessible web forms. - Covers HTML syntax, CSS styling, JavaScript interactivity and validation, and accessibility guidelines. - Includes documentation for server-side processing in PHP and Python, with support for MySQL database integration and REST APIs. - Contains resources on XML data exchanges, ARIA roles, cookies, web performance, and security. - Reference files organized for easy access to information on form creation, styling, data handling, and optimization.

元数据

Slug create-web-form

版本 1.0.3

许可证 MIT-0

累计安装 0

当前安装数 0

历史版本数 4

常见问题

Create Web Form 是什么？

Create robust, accessible web forms with best practices for HTML structure, CSS styling, JavaScript interactivity, form validation, and server-side processin... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 124 次。

如何安装 Create Web Form？

在 OpenClaw 或 Claude Code 对话框中运行命令「/install create-web-form」即可一键安装，无需额外配置。

Create Web Form 是免费的吗？

是的，Create Web Form 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。

Create Web Form 支持哪些平台？

Create Web Form 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。

谁开发了 Create Web Form？

由 John Haugabook（@jhauga）开发并维护，当前版本 v1.0.3。