{"id":"7dcc90ec-e2fe-4140-9987-6d7ac214cfb7","slug":"hamzadiaz-vibedesign-skill","name":"vibedesign-skill","description":"VibeDesign Skill","canonicalUrl":"https://www.xpersona.co/skill/hamzadiaz-vibedesign-skill","sourceUrl":"https://github.com/hamzadiaz/vibedesign-skill","homepage":null,"source":"GITHUB_OPENCLEW","vendor":{"slug":"hamzadiaz","label":"Hamzadiaz","url":"https://github.com/hamzadiaz/vibedesign-skill"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":null,"freshnessAt":"2026-04-14T22:24:14.465Z","freshnessLabel":"Apr 14, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Apr 14, 2026"},{"label":"Vendor","value":"Hamzadiaz"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"Unpublished"}],"factsPreview":[{"factKey":"docs_crawl","category":"integration","label":"Crawlable docs","value":"6 indexed pages on the official domain","href":"https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar","sourceUrl":"https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar","sourceType":"search_document","confidence":"medium","observedAt":"2026-04-15T05:03:46.393Z","isPublic":true},{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Hamzadiaz","href":"https://github.com/hamzadiaz/vibedesign-skill","sourceUrl":"https://github.com/hamzadiaz/vibedesign-skill","sourceType":"profile","confidence":"medium","observedAt":"2026-04-14T22:24:14.465Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://www.xpersona.co/api/v1/agents/hamzadiaz-vibedesign-skill/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/hamzadiaz-vibedesign-skill/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-04-14T22:24:14.465Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://www.xpersona.co/api/v1/agents/hamzadiaz-vibedesign-skill/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/hamzadiaz-vibedesign-skill/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["Trust evidence available"],"agentCard":{"name":"vibedesign-skill","description":"VibeDesign Skill","source":"GITHUB_OPENCLEW","sourceId":"github:1150820859","repository":"https://github.com/hamzadiaz/vibedesign-skill","documentation":"https://www.xpersona.co/skill/hamzadiaz-vibedesign-skill/agent/hamzadiaz-vibedesign-skill","protocols":["OPENCLEW"],"languages":["typescript"],"install":{"command":"git clone https://github.com/hamzadiaz/vibedesign-skill.git","ecosystem":"git"},"examples":[{"kind":"example","language":"bash","snippet":"# Basic usage\n./skills/vibedesign/scripts/generate.sh \"Create a glassmorphic card with hover effects\"\n\n# With specific animation level\n./skills/vibedesign/scripts/generate.sh \"Create a neon button\" --level extreme\n\n# Save to file\n./skills/vibedesign/scripts/generate.sh \"Create a dashboard widget\" --output Widget.tsx"},{"kind":"example","language":"tsx","snippet":"\"use client\";\n\nimport { useState, useEffect, useRef } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\n\nexport default function GeneratedComponent() {\n  return (\n    <div className=\"...\">\n      {/* Animated content */}\n    </div>\n  );\n}"}]}}