Generate a card component for various use cases.
Generates Greenshift block HTML card components for WordPress with multiple layout options and hover effects.
/plugin marketplace add vcode-sh/vibe-tools/plugin install greenshift-blocks@vibe-toolsGenerate a card component for various use cases.
$ARGUMENTS
Card Container (hover effects)
├── Image/Icon section
├── Content section
│ ├── Title
│ ├── Subtitle/Meta
│ └── Description
└── Action section
└── Button/Link
{
"styleAttributes": {
"backgroundColor": ["#fff"],
"padding": ["var(--wp--preset--spacing--60, 2rem)"],
"borderRadius": ["var(--wp--custom--border-radius--medium, 15px)"],
"boxShadow": ["var(--wp--preset--shadow--soft)"],
"transition": ["var(--wp--custom--transition--ease)"],
"boxShadow_hover": ["var(--wp--preset--shadow--accent)"],
"transform_hover": ["translateY(-5px)"]
}
}
card-service.html, card-team.html)IMPORTANT: Always save output to a .html file. Never just display the code in chat.