Skills
.Work. You
Rest

contact-form

Community

Production-ready contact forms.

Software Engineering#validation#zod#contact form#react-hook-form#server-actions#email-delivery
AuthorJaivishChauhan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps developers ship robust contact forms that securely collect user messages, validate input, and route data to email or back-end services, reducing manual form handling.

Core Features & Use Cases

  • End-to-end validation: Ensures input correctness with Zod on both client and server sides.
  • Reliable delivery: Uses React Hook Form for smooth UX and Server Actions for server-side processing with email delivery via Resend.
  • Anti-spam & automation: Includes a honeypot field and optional rate limiting to protect against bots.
  • Use Case: A personal portfolio can automatically notify the owner when a visitor submits a query and optionally send an auto-reply.

Quick Start

  1. Install dependencies: npm install
  2. Start the dev server: npm run dev
  3. Open http://localhost:3000/contact to test validation and email delivery

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: contact-form
Download link: https://github.com/JaivishChauhan/vibecoding-starter/archive/main.zip#contact-form

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.