greeting-card

Generates occasion-appropriate greeting card designs with typography, color palettes, messages, and print-ready export specs.

39|14|Updated Mar 14, 2026
One-click install
npx skills add https://github.com/doable-me/Doable --skill greeting-card-doable-me
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: greeting-card
Source: https://github.com/doable-me/Doable/tree/main/services/api/src/ai/skills/_system/greeting-card
Command: npx skills add https://github.com/doable-me/Doable --skill greeting-card-doable-me

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designing a greeting card that matches the occasion, recipient relationship, and emotional tone requires coordinating copywriting, typography, color theory, and print specifications at once, which most people cannot do well without design expertise. ## Core Features & Use Cases - Occasion-Matched Design Intelligence: Applies tone, color, and illustration rules for birthdays, weddings, sympathy, festivals, graduations, and more, ensuring the design never conflicts with the emotional intent. - Complete Card Specifications: Produces front/inside/back layout descriptions, font pairings with sizes, hex color palettes, message copy, and print specs (5×7 in, 300 DPI, 3mm bleed, CMYK-safe colors). - Code-First Output: Generates interactive HTML/CSS/JS cards with 3D flip animations, tilt effects, and PNG/PDF export via html2canvas and jsPDF, plus React component structures for card builders. - Use Case: Ask for a sympathy card for a colleague and receive a restrained, minimal design with muted palette, sincere non-clichéd message text, and print-ready export guidance. ## Quick Start Ask the assistant to design a birthday card for a close friend with a playful tone and provide the full design spec and HTML output.

Frequently Asked Questions about greeting-card

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

FAQPage Schema
How do I design a greeting card with AI?▼

Describe the occasion, recipient relationship, and desired tone, and the skill produces a complete card concept including layout, typography, color palette with hex values, message text, and print or digital export specs.

How to create an HTML greeting card with flip animation?▼

The skill generates HTML/CSS/JS cards using a front/back face structure with preserve-3d transforms and a Web Animations API flip function. It includes ready snippets for 3D tilt, shimmer overlays, and entrance animations.

What print specifications do greeting cards need?▼

Print-ready cards require 300 DPI resolution, 3mm bleed on all sides, a 3mm safe margin for text, and CMYK-safe colors. Standard sizes include 5×7 in, 4×6 in, A5, and 5×5 in square, exported as PDF, PNG, or SVG.

Can I export an HTML card design to PNG or PDF?▼

Yes, the skill includes export snippets using html2canvas for PNG capture at 3x scale and jsPDF for PDF download at exact card dimensions. Both preserve the rendered card appearance for sharing or printing.

What colors and fonts work for sympathy cards?▼

Sympathy cards use muted palettes like soft grey, dusty blue, and lavender with minimal decoration and refined serif typography. The skill explicitly avoids bright colors, humor, and clichéd phrases for condolence designs.

Does the card generator support festival-specific designs?▼

Yes, it covers culturally specific festivals including Diwali, Christmas, Eid, Holi, Pongal, Onam, and Navratri with appropriate motifs, color palettes, and greetings. It never mixes symbolism from different traditions.