Communitygithub.com

6mb-Systems/sg-website

Implement a secure, spam-resistant contact form with optional Mailchimp integration.

Was ist sg-website?

sg-website is a Claude Code agent skill that implement a secure, spam-resistant contact form with optional Mailchimp integration.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/6mb-Systems/sg-website/tree/HEAD/.cursor/skills/contact-form
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Contact Form (Vercel)

Instructions for building a reliable contact form suitable for Vercel serverless environments.

When to Use

  • Creating the /contact page
  • Implementing /api/contact
  • Adding newsletter subscription via Mailchimp

Instructions

  • Build form UI using shadcn/ui components.
  • Validate all inputs server-side.
  • Implement spam protection:
    • Honeypot field
    • Basic rate limiting
    • Turnstile or reCAPTCHA
  • Send enquiry emails via an email provider (e.g. Mailgun, Postmark, SES).
  • Optionally send an auto-reply confirmation email.
  • If newsletter checkbox is selected:
    • Add/update subscriber via Mailchimp API
    • Keep Mailchimp failure non-blocking
  • Never expose secrets to the client.
  • Handle success and error states clearly.
  • Ask clarifying questions if delivery expectations or compliance requirements are unclear.

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

6mb-Systems/sg-website

Build and maintain a Next.js App Router website optimised for Vercel hosting.

6mb-Systems/sg-website

Implement a blog using Sanity CMS with Next.js App Router, ISR, and optional preview support.

6mb-Systems/sg-website

Apply SEO, metadata, and social sharing best practices for a marketing site and blog.

6mb-Systems/sg-website

Build consistent, accessible UI using shadcn/ui and Tailwind CSS.

Verwandte Skills

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community