Generate a single Greenshift element/block.
Generates Greenshift block HTML and saves it to a file.
/plugin marketplace add vcode-sh/vibe-tools/plugin install greenshift-blocks@vibe-toolsGenerate a single Greenshift element/block.
type: "text")tag: "img")tag: "a")tag: "svg")type: "no")Provide: $ARGUMENTS
/gs:element text Heading "About Us"
/gs:element image 800x600 "hero background"
/gs:element button primary "Contact Us"
/gs:element icon arrow-right 24px
/gs:element spacer 50px
{
"textContent": "Your Text",
"tag": "h2",
"styleAttributes": {
"fontSize": ["var(--wp--preset--font-size--grand, 2.8rem)"],
"fontWeight": ["600"],
"marginBottom": ["var(--wp--preset--spacing--50, 1.5rem)"]
}
}
{
"textContent": "Click Here",
"tag": "a",
"href": "#",
"styleAttributes": {
"display": ["inline-flex"],
"padding": ["1rem 2rem"],
"backgroundColor": ["var(--wp--preset--color--primary, #000)"],
"color": ["#fff"],
"borderRadius": ["var(--wp--custom--border-radius--medium, 15px)"],
"textDecoration": ["none"],
"transition": ["var(--wp--custom--transition--ease)"],
"backgroundColor_hover": ["var(--wp--preset--color--secondary)"]
}
}
{
"tag": "img",
"src": "https://placehold.co/800x600",
"alt": "Description",
"originalWidth": 800,
"originalHeight": 600,
"styleAttributes": {
"width": ["100%"],
"height": ["auto"],
"objectFit": ["cover"]
}
}
button-primary.html, heading-hero.html)IMPORTANT: Always save output to a .html file. Never just display the code in chat.