https://fantasticforms.com/static/js/3657.c4857916.chunk.js

1/*! For license information please see 3657.c4857916.chunk.js.LICENSE.txt */
2"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[3657],{1089(e,t,s){s.d(t,{$C:()=>c,PE:()=>h,Sj:()=>u,Yq:()=>r,cn:()=>i,dc:()=>p,lW:()=>m,r6:()=>o,sg:()=>x,xv:()=>d});var a=s(89379),n=s(58387),l=s(89359);function i(){for(var e=arguments.length,t=new Array(e),s=0;s<e;s++)t[s]=arguments[s];return(0,l.QP)((0,n.$)(t))}function r(e,t){if(!e)return"";return new Date(e).toLocaleDateString("en-US",(0,a.A)({year:"numeric",month:"short",day:"numeric"},t?{timeZone:t}:{}))}function o(e,t){if(!e)return"";return new Date(e).toLocaleDateString("en-US",(0,a.A)({year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"},t?{timeZone:t}:{}))}function c(){return Math.random().toString(36).substring(2,9)}function d(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:50;return e?e.length>t?e.substring(0,t)+"...":e:""}async function m(e){try{return await navigator.clipboard.writeText(e),!0}catch(t){return console.error("Failed to copy:",t),!1}}function h(e,t){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"application/json";const a=new Blob(["string"===typeof e?e:JSON.stringify(e,null,2)],{type:s}),n=URL.createObjectURL(a),l=document.createElement("a");l.href=n,l.download=t,document.body.appendChild(l),l.click(),document.body.removeChild(l),URL.revokeObjectURL(n)}function x(e,t){let s;return function(){for(var a=arguments.length,n=new Array(a),l=0;l<a;l++)n[l]=arguments[l];clearTimeout(s),s=setTimeout(()=>{clearTimeout(s),e(...n)},t)}}function u(e,t){return"".concat(window.location.origin,"/f/").concat(t||e)}function p(e,t){const s=t||e;return'<div id="ff-'.concat(s,'"></div>\n<script src="').concat(window.location.origin,'/embed.js" data-form-id="').concat(s,'"><\/script>')}},7104(e,t,s){s.d(t,{A:()=>a});const a=(0,s(77784).A)("download",[["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["polyline",{points:"7 10 12 15 17 10",key:"2ggqvy"}],["line",{x1:"12",x2:"12",y1:"15",y2:"3",key:"1vk2je"}]])},9362(e,t,s){s.d(t,{A:()=>a});const a=(0,s(77784).A)("file-code",[["path",{d:"M10 12.5 8 15l2 2.5",key:"1tg20x"}],["path",{d:"m14 12.5 2 2.5-2 2.5",key:"yinavb"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z",key:"1mlx9k"}]])},10917(e,t,s){s.d(t,{F:()=>c});var a=s(89379),n=s(53986),l=s(58387);const i=["class","className"],r=e=>"boolean"===typeof e?"".concat(e):0===e?"0":e,o=l.$,c=(e,t)=>s=>{var l;if(null==(null===t||void 0===t?void 0:t.variants))return o(e,null===s||void 0===s?void 0:s.class,null===s||void 0===s?void 0:s.className);const{variants:c,defaultVariants:d}=t,m=Object.keys(c).map(e=>{const t=null===s||void 0===s?void 0:s[e],a=null===d||void 0===d?void 0:d[e];if(null===t)return null;const n=r(t)||r(a);return c[e][n]}),h=s&&Object.entries(s).reduce((e,t)=>{let[s,a]=t;return void 0===a||(e[s]=a),e},{}),x=null===t||void 0===t||null===(l=t.compoundVariants)||void 0===l?void 0:l.reduce((e,t)=>{let{class:s,className:l}=t,r=(0,n.A)(t,i);return Object.entries(r).every(e=>{let[t,s]=e;return Array.isArray(s)?s.includes((0,a.A)((0,a.A)({},d),h)[t]):(0,a.A)((0,a.A)({},d),h)[t]===s})?[...e,s,l]:e},[]);return o(e,m,x,null===s||void 0===s?void 0:s.class,null===s||void 0===s?void 0:s.className)}},13390(e,t,s){s.d(t,{$:()=>h,r:()=>m});var a=s(89379),n=s(53986),l=s(65043),i=s(16851),r=s(10917),o=s(1089),c=s(70579);const d=["className","variant","size","asChild"],m=(0,r.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),h=l.forwardRef((e,t)=>

2{let{className:s,variant:l,size:r,asChild:h=!1}=e,x=(0,n.A)(e,d);const u=h?i.DX:"button";return(0,c.jsx)(u,(0,a.A)({className:(0,o.cn)(m({variant:l,size:r,className:s})),ref:t},x))});h.displayName="Button"},16851(e,t,s){var a;s.d(t,{DX:()=>p,TL:()=>u});var n=s(89379),l=s(53986),i=s(65043),r=s(82814),o=s(70579);const c=["children"],d=["children"];var m=Symbol.for("react.lazy"),h=(a||(a=s.t(i,2)))[" use ".trim().toString()];function x(e){return null!=e&&"object"===typeof e&&"$$typeof"in e&&e.$$typeof===m&&"_payload"in e&&("object"===typeof(t=e._payload)&&null!==t&&"then"in t);var t}function u(e){const t=f(e),s=i.forwardRef((e,s)=>{let{children:a}=e,r=(0,l.A)(e,c);x(a)&&"function"===typeof h&&(a=h(a._payload));const d=i.Children.toArray(a),m=d.find(g);if(m){const e=m.props.children,a=d.map(t=>t===m?i.Children.count(e)>1?i.Children.only(null):i.isValidElement(e)?e.props.children:null:t);return(0,o.jsx)(t,(0,n.A)((0,n.A)({},r),{},{ref:s,children:i.isValidElement(e)?i.cloneElement(e,void 0,a):null}))}return(0,o.jsx)(t,(0,n.A)((0,n.A)({},r),{},{ref:s,children:a}))});return s.displayName="".concat(e,".Slot"),s}var p=u("Slot");function f(e){const t=i.forwardRef((e,t)=>{let{children:s}=e,a=(0,l.A)(e,d);if(x(s)&&"function"===typeof h&&(s=h(s._payload)),i.isValidElement(s)){const e=function(e){var t,s;let a=null===(t=Object.getOwnPropertyDescriptor(e.props,"ref"))||void 0===t?void 0:t.get,n=a&&"isReactWarning"in a&&a.isReactWarning;if(n)return e.ref;if(a=null===(s=Object.getOwnPropertyDescriptor(e,"ref"))||void 0===s?void 0:s.get,n=a&&"isReactWarning"in a&&a.isReactWarning,n)return e.props.ref;return e.props.ref||e.ref}(s),l=function(e,t){const s=(0,n.A)({},t);for(const a in t){const l=e[a],i=t[a];/^on[A-Z]/.test(a)?l&&i?s[a]=function(){const e=i(...arguments);return l(...arguments),e}:l&&(s[a]=l):"style"===a?s[a]=(0,n.A)((0,n.A)({},l),i):"className"===a&&(s[a]=[l,i].filter(Boolean).join(" "))}return(0,n.A)((0,n.A)({},e),s)}(a,s.props);return s.type!==i.Fragment&&(l.ref=t?(0,r.t)(t,e):e),i.cloneElement(s,l)}return i.Children.count(s)>1?i.Children.only(null):null});return t.displayName="".concat(e,".SlotClone"),t}var y=Symbol("radix.slottable");function g(e){return i.isValidElement(e)&&"function"===typeof e.type&&"__radixId"in e.type&&e.type.__radixId===y}},20073(e,t,s){s.d(t,{A:()=>a});const a=(0,s(77784).A)("zap",[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]])},36210(e,t,s){s.d(t,{A:()=>a});const a=(0,s(77784).A)("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]])},42489(e,t,s){s.d(t,{A:()=>a});const a=(0,s(77784).A)("shield",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}]])},53512(e,t,s){s.d(t,{A:()=>a});const a=(0,s(77784).A)("terminal",[["polyline",{points:"4 17 10 11 4 5",key:"akl6gq"}],["line",{x1:"12",x2:"20",y1:"19",y2:"19",key:"q2wloq"}]])},56099(e,t,s){s.d(t,{A:()=>a});const a=(0,s(77784).A)("sparkles",[["path",{d:"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z",key:"4pj2yx"}],["path",{d:"M20 3v4",key:"1olli1"}],["path",{d:"M22 5h-4",key:"1gvqau"}],["path",{d:"M4 17v2",key:"vumght"}],["path",{d:"M5 18H3",key:"zchphs"}]])},70764(e,t,s){s.d(t,{A:()=>a});const a=(0,s(77784).A)("external-link",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]])},72313(e,t,s){s.d(t,{A:()=>a});const a=(0,s(77784).A)("copy",[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]])},75088(e,t,s){s.d(t,{A:()=>a});const a=(0,s(77784).A)("clock",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16 14",key:"68esgv"}]])}

2,82814(e,t,s){s.d(t,{s:()=>i,t:()=>l});var a=s(65043);function n(e,t){if("function"===typeof e)return e(t);null!==e&&void 0!==e&&(e.current=t)}function l(){for(var e=arguments.length,t=new Array(e),s=0;s<e;s++)t[s]=arguments[s];return e=>{let s=!1;const a=t.map(t=>{const a=n(t,e);return s||"function"!=typeof a||(s=!0),a});if(s)return()=>{for(let e=0;e<a.length;e++){const s=a[e];"function"==typeof s?s():n(t[e],null)}}}}function i(){for(var e=arguments.length,t=new Array(e),s=0;s<e;s++)t[s]=arguments[s];return a.useCallback(l(...t),t)}},83657(e,t,s){s.r(t),s.d(t,{default:()=>N});var a=s(65043),n=s(45685),l=s(13390),i=s(80021),r=s(56328),o=s(56099),c=s(85692),d=s(36210),m=s(75088),h=s(72313),x=s(7104),u=s(70764),p=s(9362),f=s(42489),y=s(53512),g=s(20073),v=s(70579);const b="/skills/fantastic-forms-form-builder/SKILL.md",j=e=>{let{children:t,lang:s="bash"}=e;const[n,l]=(0,a.useState)(!1);return(0,v.jsxs)("div",{className:"relative group","data-testid":"skill-code-block",children:[(0,v.jsx)("pre",{className:"bg-zinc-950 text-zinc-100 rounded-xl p-5 text-[13px] leading-relaxed overflow-x-auto border border-zinc-800",children:(0,v.jsx)("code",{className:"language-".concat(s),children:t})}),(0,v.jsxs)("button",{type:"button",onClick:()=>{navigator.clipboard.writeText(t).then(()=>{l(!0),r.oR.success("Copied"),setTimeout(()=>l(!1),1500)})},className:"absolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-opacity bg-zinc-800 hover:bg-zinc-700 text-zinc-100 text-xs px-2.5 py-1.5 rounded-md flex items-center gap-1.5","data-testid":"skill-code-copy","aria-label":"Copy code",children:[n?(0,v.jsx)(d.A,{className:"w-3.5 h-3.5"}):(0,v.jsx)(h.A,{className:"w-3.5 h-3.5"}),n?"Copied":"Copy"]})]})},k="curl -X POST ".concat("https://fantasticforms.com/api/skills/demo-form",' \\\n  -H "Content-Type: application/json" \\\n  -d \'{\n    "title": "Post-purchase NPS",\n    "pages": [{\n      "title": "How was it?",\n      "elements": [\n        { "type": "nps", "question": "How likely are you to recommend us?", "required": true, "id": "nps-q" },\n        { "type": "long_text", "question": "What could we do better?",\n          "logic": [{\n            "conditions": [{ "field_id": "nps-q", "operator": "less_than", "value": 7 }],\n            "logic_type": "all", "action": "show"\n          }]\n        }\n      ]\n    }]\n  }\''),N=()=>{const[e,t]=(0,a.useState)(null);return(0,a.useEffect)(()=>{fetch("".concat("https://fantasticforms.com","/api/skills/status")).then(e=>e.ok?e.json():null).then(e=>t(e)).catch(()=>{})},[]),(0,v.jsxs)("div",{className:"min-h-screen bg-white text-zinc-900","data-testid":"skills-page",children:[(0,v.jsx)(i.A,{title:"Fantastic Forms Skill for Claude, Build Forms from a Prompt",description:"A Claude skill that turns any natural-language brief into a live, shareable web form. Free 24-hour demos, no signup required. Rate-limited to 3 forms per IP per day.",canonical:"https://fantasticforms.com/skills",jsonLd:{"@context":"https://schema.org","@type":"SoftwareApplication",name:"Fantastic Forms Claude Skill",applicationCategory:"DeveloperApplication",operatingSystem:"Any (Claude Desktop / Claude Web)",description:"Turn any natural-language brief into a live, shareable web form via Fantastic Forms.",offers:{"@type":"Offer",price:"0",priceCurrency:"USD"},url:"https://fantasticforms.com/skills"}}),(0,v.jsx)("nav",{className:"sticky top-0 z-40 bg-white/80 backdrop-blur border-b border-zinc-100",children:(0,v.jsxs)("div",{className:"max-w-6xl mx-auto px-6 md:px-12 h-16 flex items-center justify-between",children:[(0,v.jsxs)(n.N_,{to:"/",className:"flex items-center gap-2","data-testid":"skills-nav-home",children:[(0,v.jsx)("img",{src:"/logo.png",alt:"Fantastic Forms",width:"32",height:"32",className:"w-8 h-8"}),(0,v.jsx)("span",{className:"font-bold text-lg tracking-tight",children:"Fantastic Forms"})]}),(0,v.jsxs)("div",{className:"flex items-center gap-3",children:[(0,v.jsx)(n.N_,{to:"/signup",className:"text-sm text-zinc-700 hover:text-zinc-900","data-testid":"skills-nav-signup",children:"Sign up free"}),(0,v.jsx)(l.$,{asChild:!0,size:"sm",className:"rounded-full","data-testid":"skills-nav-cta",children:(0,v.jsx)("a",{href:"#try",children:"Try the skill"})})]})]})}),(0,v.jsxs)("section",{className:"max-w-5xl mx-auto px-6 md:px-12 pt-20 pb-16",children:[(0,v.jsxs)("div",{className:"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-zinc-100 text-zinc-700 text-xs font-medium mb-6","data-testid":"skills-hero-badge",children:[(0,v.jsx)(o.A,{className:"w-3.5 h-3.5 text-[#FF6B6B]"}),"Claude Skill: Form Builder"]}),(0,v.jsxs)("h1",{className:"text-4xl sm:text-5xl lg:text-6xl font-extrabold tracking-tight leading-[1.05] mb-6",children:["Build forms from a"," ",(0,v.jsxs)("span",{className:"relative inline-block px-3 py-1 mx-1",children:[(0,v.jsx)("span",{className:"absolute inset-0 -rotate-1 rounded-md bg-[#FF6B6B]","aria-hidden":"true"}),(0,v.jsx)("span",{className:"relative text-white",children:"Claude"})]})," ","prompt."]}),(0,v.jsxs)("p",{className:"text-lg text-zinc-600 max-w-2xl mb-10 leading-relaxed",children:["Install the Fantastic Forms skill into Claude. Ask for any form in plain English. Claude drafts the schema, publishes it to a 24-hour demo, and hands you a live URL you can share.",(0,v.jsx)("span",{className:"block mt-2 text-zinc-500 text-base",children:"No API key. No signup. Rate-limited to 3 forms per day."})]}),(0,v.jsxs)("div",{className:"flex flex-col sm:flex-row items-start sm:items-center gap-3 mb-12",children:[(0,v.jsx)(l.$,{asChild:!0,size:"lg",className:"rounded-full h-12 px-6 gap-2","data-testid":"skills-hero-install",children:(0,v.jsxs)("a",{href:"#install",children:["Install in Claude ",(0,v.jsx)(c.A,{className:"w-4 h-4"})]})}),(0,v.jsx)(l.$,{asChild:!0,size:"lg",variant:"outline",className:"rounded-full h-12 px-6 gap-2","data-testid":"skills-hero-download",children:(0,v.jsxs)("a",{href:b,download:!0,children:[(0,v.jsx)(x.A,{className:"w-4 h-4"})," Download SKILL.md"]})})]}),e&&(0,v.jsxs)("div",{className:"inline-flex items-center gap-2 text-xs text-zinc-500","data-testid":"skills-hero-status",children:[(0,v.jsx)("span",{className:"w-1.5 h-1.5 rounded-full bg-emerald-500"}),"Free demos remaining today from your IP: ",(0,v.jsxs)("strong",{className:"text-zinc-800",children:[e.remaining," / ",e.rate_limit]})]})]}),(0,v.jsxs)("section",{className:"max-w-5xl mx-auto px-6 md:px-12 py-16 border-t border-zinc-100",id:"how",children:[(0,v.jsx)("h2",{className:"text-3xl font-bold tracking-tight mb-12",children:"How it works"}),(0,v.jsx)("div",{className:"grid md:grid-cols-3 gap-8",children:[{icon:y.A,title:"You describe the form",body:'In plain English. "A restaurant reservation form with party size, date, and dietary n

2otes."'},{icon:g.A,title:"Claude drafts it",body:"The skill teaches Claude our 50+ field types and conditional-logic grammar so it produces valid JSON on the first shot."},{icon:o.A,title:"You get a live URL",body:"Skill posts the JSON to our public demo endpoint. Two seconds later you have a shareable /f/<id> link."}].map((e,t)=>(0,v.jsxs)("div",{className:"space-y-3","data-testid":"skills-how-".concat(t),children:[(0,v.jsx)("div",{className:"w-10 h-10 rounded-full bg-zinc-950 text-white flex items-center justify-center",children:(0,v.jsx)(e.icon,{className:"w-5 h-5"})}),(0,v.jsx)("h3",{className:"font-semibold text-lg",children:e.title}),(0,v.jsx)("p",{className:"text-zinc-600 text-sm leading-relaxed",children:e.body})]},t))})]}),(0,v.jsxs)("section",{className:"max-w-5xl mx-auto px-6 md:px-12 py-16 border-t border-zinc-100",id:"try",children:[(0,v.jsx)("h2",{className:"text-3xl font-bold tracking-tight mb-4",children:"Try it right now"}),(0,v.jsx)("p",{className:"text-zinc-600 mb-10 max-w-2xl",children:"Two ways: install the skill in Claude and just chat, or hit the endpoint yourself with curl."}),(0,v.jsxs)("div",{className:"grid md:grid-cols-1 gap-10",children:[(0,v.jsxs)("div",{className:"space-y-4","data-testid":"skills-try-prompt",children:[(0,v.jsxs)("div",{className:"flex items-center gap-2 text-sm font-semibold text-zinc-800",children:[(0,v.jsx)(o.A,{className:"w-4 h-4 text-[#FF6B6B]"})," Paste this into Claude"]}),(0,v.jsx)(j,{lang:"text",children:"Build me a post-purchase NPS survey.\nIf the score is below 7, ask what went wrong.\nIf it's 9 or above, ask if they'd share it on social."}),(0,v.jsx)("p",{className:"text-xs text-zinc-500",children:"Claude will call the skill automatically once it's installed."})]}),(0,v.jsxs)("div",{className:"space-y-4","data-testid":"skills-try-curl",children:[(0,v.jsxs)("div",{className:"flex items-center gap-2 text-sm font-semibold text-zinc-800",children:[(0,v.jsx)(p.A,{className:"w-4 h-4 text-[#FF6B6B]"})," Or POST directly"]}),(0,v.jsx)(j,{children:k}),(0,v.jsxs)("p",{className:"text-xs text-zinc-500",children:["Response includes a live ",(0,v.jsx)("code",{className:"text-zinc-800 bg-zinc-100 px-1 py-0.5 rounded",children:"url"})," field you can open immediately."]})]})]})]}),(0,v.jsxs)("section",{className:"max-w-5xl mx-auto px-6 md:px-12 py-16 border-t border-zinc-100",id:"install",children:[(0,v.jsx)("h2",{className:"text-3xl font-bold tracking-tight mb-10",children:"Install the skill"}),(0,v.jsxs)("ol",{className:"space-y-6 max-w-2xl",children:[(0,v.jsxs)("li",{className:"flex gap-4","data-testid":"skills-install-1",children:[(0,v.jsx)("span",{className:"flex-shrink-0 w-8 h-8 rounded-full bg-zinc-950 text-white flex items-center justify-center text-sm font-semibold",children:"1"}),(0,v.jsxs)("div",{children:[(0,v.jsx)("p",{className:"font-semibold mb-1",children:"Open Claude \u2192 Settings \u2192 Skills."}),(0,v.jsx)("p",{className:"text-sm text-zinc-600",children:"Works in Claude Desktop and Claude Web. You need to be on a paid Claude plan that has Skills enabled."})]})]}),(0,v.jsxs)("li",{className:"flex gap-4","data-testid":"skills-install-2",children:[(0,v.jsx)("span",{className:"flex-shrink-0 w-8 h-8 rounded-full bg-zinc-950 text-white flex items-center justify-center text-sm font-semibold",children:"2"}),(0,v.jsxs)("div",{children:[(0,v.jsx)("p",{className:"font-semibold mb-1",children:"Choose \u201cInstall from URL\u201d and paste:"}),(0,v.jsx)(j,{lang:"text",children:"https://fantasticforms.com".concat(b)})]})]}),(0,v.jsxs)("li",{className:"flex gap-4","data-testid":"skills-install-3",children:[(0,v.jsx)("span",{className:"flex-shrink-0 w-8 h-8 rounded-full bg-zinc-950 text-white flex items-center justify-center text-sm font-semibold",children:"3"}),(0,v.jsxs)("div",{children:[(0,v.jsx)("p",{className:"font-semibold mb-1",children:"Start any conversation with \u201cbuild me a form\u201d."}),(0,v.jsx)("p",{className:"text-sm text-zinc-600",children:"Claude will invoke the skill automatically and hand back a live URL."})]})]})]})]}),(0,v.jsx)("section",{className:"max-w-5xl mx-auto px-6 md:px-12 py-16 border-t border-zinc-100",children:(0,v.jsxs)("div",{className:"grid md:grid-cols-2 gap-10",children:[(0,v.jsxs)("div",{children:[(0,v.jsxs)("div",{className:"inline-flex items-center gap-2 text-xs font-semibold text-zinc-700 uppercase tracking-wider mb-4",children:[(0,v.jsx)(m.A,{className:"w-4 h-4"})," Free demo mode"]}),(0,v.jsx)("h3",{className:"text-2xl font-bold mb-4",children:"Just kick the tires"}),(0,v.jsxs)("ul",{className:"space-y-2 text-sm text-zinc-600",children:[(0,v.jsx)("li",{children:"\u2022 3 forms per IP per 24 h"}),(0,v.jsx)("li",{children:"\u2022 30 elements across up to 5 pages per form"}),(0,v.jsx)("li",{children:"\u2022 24-hour TTL, forms auto-expire after a day"}),(0,v.jsx)("li",{children:"\u2022 No account, no API key, no billing"})]})]}),(0,v.jsxs)("div",{children:[(0,v.jsxs)("div",{className:"inline-flex items-center gap-2 text-xs font-semibold text-[#FF6B6B] uppercase tracking-wider mb-4",children:[(0,v.jsx)(f.A,{className:"w-4 h-4"})," Pro, $99/mo"]}),(0,v.jsx)("h3",{className:"text-2xl font-bold mb-4",children:"Ship for real"}),(0,v.jsxs)("ul",{className:"space-y-2 text-sm text-zinc-600 mb-6",children:[(0,v.jsx)("li",{children:"\u2022 API access, Claude builds forms directly into your workspace"}),(0,v.jsx)("li",{children:"\u2022 No demo cap, no element cap, forms live forever"}),(0,v.jsx)("li",{children:"\u2022 Every Pro feature: SSO, SCIM, audit logs, malware scanning, IP allowlisting"})]}),(0,v.jsx)(l.$,{asChild:!0,className:"rounded-full","data-testid":"skills-upgrade-cta",children:(0,v.jsxs)(n.N_,{to:"/upgrade",children:["Upgrade to Pro ",(0,v.jsx)(c.A,{className:"w-4 h-4 ml-1"})]})})]})]})}),(0,v.jsx)("footer",{className:"border-t border-zinc-100 py-10",children:(0,v.jsxs)("div",{className:"max-w-6xl mx-auto px-6 md:px-12 flex flex-col md:flex-row items-center justify-between gap-4",children:[(0,v.jsxs)("div",{className:"flex items-center gap-2",children:[(0,v.jsx)("img",{src:"/logo.png",alt:"Fantastic Forms",width:"24",height:"24",className:"w-6 h-6"}),(0,v.jsx)("span",{className:"font-semibold text-zinc-900",children:"Fantastic Forms"})]}),(0,v.jsxs)("div",{className:"flex items-center gap-6 text-sm text-zinc-500",children:[(0,v.jsxs)("a",{href:b,download:!0,className:"hover:text-zinc-900 inline-flex items-center gap-1.5","data-testid":"skills-footer-download",children:[(0,v.jsx)(x.A,{className:"w-3.5 h-3.5"})," SKILL.md"]}),(0,v.jsxs)(n.N_,{to:"/",className:"hover:text-zinc-900 inline-flex items-center gap-1.5","data-testid":"skills-footer-home",children:[(0,v.jsx)(u.A,{className:"w-3.5 h-3.5"})," Home"]})]})]})})]})}},85692(e,t,s){s.d(t,{A:()=>a});const a=(0,s(77784).A)("arrow-right",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]])}}]);
3//# sourceMappingURL=3657.c4857916.chunk.js.map