Registry Skill Card

import RegistrySkillCard from "@/components/ui/qreatify-skill-registry-card";

export default function RegistrySkillCardDemo() {
  return (
    <div className="grid max-w-4xl gap-4 bg-[#f7f7f6] p-6 md:grid-cols-2">
      <RegistrySkillCard
        command="npx skills add vercel-labs/skills"
        description="Find the best matching agent skills before specialized work starts."
        enabled
        isDefault
        name="find-skills"
        scope="Skill discovery"
        source="skills.sh"
        sourceUrl="https://www.skills.sh/vercel-labs/skills/find-skills"
      />
      <RegistrySkillCard
        actionLabel="Add"
        description="Frontend design guidance for polished product interfaces."
        name="frontend-design"
        repo="anthropics/skills"
        variant="template"
      />
    </div>
  );
}