pages-contact
10
总安装量
8
周安装量
#29308
全站排名
安装命令
npx skills add https://github.com/kostja94/marketing-skills --skill pages-contact
Agent 安装分布
opencode
8
gemini-cli
8
github-copilot
8
codex
8
amp
8
cline
8
Skill 文档
Pages: Contact
Guides contact page design and form optimization for conversions.
Initial Assessment
Check for product marketing context first: If .claude/product-marketing-context.md or .cursor/product-marketing-context.md exists, read it for brand voice.
Identify:
- Contact types: Sales, support, general, press
- Form purpose: Lead capture, support ticket, demo request
- Alternative channels: Email, phone, chat, social
Best Practices
Form Design
| Principle | Guideline |
|---|---|
| Short | 3â5 fields for basic contact; long forms increase abandonment |
| Single column | Vertical layout; works better on mobile |
| Logical grouping | Name+email together; address fields together |
| Required fields | Mark clearly (asterisk); avoid surprises |
| Progressive disclosure | Show relevant fields based on selections |
Field Labels
- Clear language: “Email Address” not “Email ID”
- Conversational: Friendly, welcoming
- No jargon: Universally understood terms
CTA Button
- Action verbs: “Send Message,” “Get in Touch,” “Start a Conversation”
- Avoid generic: “Submit” â “Send Message”
- Stand out: Contrasting color, clear hierarchy
Page-Level
| Element | Guideline |
|---|---|
| Visibility | “Contact” or “Support” in main nav, not just footer |
| Mobile | Appropriate input types (tel for phone), large tap targets |
| Proofreading | No typosâcredibility at conversion moment |
| Alternatives | Email, phone, chat if form isn’t right |
Trust
- Response time: “We reply within 24 hours”
- Privacy: Link to privacy policy near form
- Security: HTTPS, visible trust signals
Output Format
- Form structure (fields, order)
- Copy (labels, placeholder, CTA)
- Page layout and placement
- SEO metadata
- Accessibility checklist
Related Skills
- pages-about: Contact often linked from About
- pages-legal: Privacy policy link near form
- seo-on-page-metadata: Contact page metadata