[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-webflow-webflow-code-componentlocal-dev-setup":3,"mdc--zcd7iv-key":37,"related-org-webflow-webflow-code-componentlocal-dev-setup":1123,"related-repo-webflow-webflow-code-componentlocal-dev-setup":1301},{"slug":4,"name":5,"fn":6,"description":7,"org":8,"tags":12,"stars":24,"repoUrl":25,"updatedAt":26,"license":27,"forks":28,"topics":29,"repo":32,"sourceUrl":35,"mdContent":36},"webflow-code-componentlocal-dev-setup","webflow-code-component:local-dev-setup","set up local Webflow Code Component projects","Initialize a new Webflow Code Components project from scratch. Creates project structure, installs dependencies, configures webflow.json, and sets up development environment.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},"webflow","Webflow","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fwebflow.png",[13,17,20,23],{"name":14,"slug":15,"type":16},"React","react","tag",{"name":18,"slug":19,"type":16},"Configuration","configuration",{"name":21,"slug":22,"type":16},"Local Development","local-development",{"name":10,"slug":9,"type":16},107,"https:\u002F\u002Fgithub.com\u002Fwebflow\u002Fwebflow-skills","2026-05-18T06:47:50.062783",null,17,[30,31],"agent","skills",{"repoUrl":25,"stars":24,"forks":28,"topics":33,"description":34},[30,31],"Official Webflow Agent Skills","https:\u002F\u002Fgithub.com\u002Fwebflow\u002Fwebflow-skills\u002Ftree\u002FHEAD\u002Fplugins\u002Fwebflow-skills\u002Fskills\u002Flocal-dev-setup","---\nname: webflow-code-component:local-dev-setup\ndescription: Initialize a new Webflow Code Components project from scratch. Creates project structure, installs dependencies, configures webflow.json, and sets up development environment.\ncompatibility: Node.js 18+, React 18+, TypeScript, @webflow\u002Fwebflow-cli\nmetadata:\n  author: webflow\n  version: \"1.1\"\n---\n\n# Local Dev Setup\n\nSet up a new Webflow Code Components project from scratch.\n\n## When to Use This Skill\n\n**Use when:**\n- Starting a brand new code components project\n- User asks to set up, initialize, or create a new project\n- Adding code components to an existing React project\n- Setting up the development environment for the first time\n\n**Do NOT use when:**\n- Project already exists and is configured (just answer questions directly)\n- Creating individual components (use component-scaffold instead)\n- Deploying components (use deploy-guide instead)\n\n## Instructions\n\n### Phase 1: Assess Current State\n\n1. **Check if project exists**:\n   - Is there an existing package.json?\n   - Is there an existing webflow.json?\n   - What's the current project structure?\n\n2. **Determine setup type**:\n   - New project from scratch\n   - Add to existing React project\n   - Add to existing Next.js\u002FVite project\n\n### Phase 2: Project Initialization\n\n3. **Create project structure** (if new):\n   - Initialize npm project\n   - Set up TypeScript\n   - Create folder structure\n\n4. **Install dependencies**:\n   - Core: React, TypeScript\n   - Webflow: CLI, data-types, react utils\n   - Optional: Styling libraries\n\n### Phase 3: Configuration\n\n5. **Create webflow.json**:\n   - Set library name\n   - Configure component glob pattern\n   - Set up globals if needed\n\n6. **Configure TypeScript**:\n   - Set up tsconfig.json\n   - Enable JSX support\n\n### Phase 4: Create Starter Files\n\n7. **Create example component**:\n   - Simple Button component\n   - Definition file\n   - Basic styling\n\n8. **Create globals file** (optional):\n   - For shared styles\n   - For decorators\n\n### Phase 5: Verify Setup\n\n9. **Verify bundle compiles**:\n   - Run `npx webflow library bundle --public-path http:\u002F\u002Flocalhost:4000\u002F` to catch build errors locally\n   - This verifies your components, imports, and configuration are correct\n   - Full testing in the Webflow Designer requires deploying with `npx webflow library share`\n\n10. **Provide next steps**:\n    - How to create more components\n    - How to deploy\n    - Development workflow\n\n## Examples\n\nFor detailed step-by-step examples, see [references\u002FEXAMPLES.md](references\u002FEXAMPLES.md).\n\n**Available examples:**\n1. **New Project from Scratch** - Complete setup with React, TypeScript, and CSS Modules\n2. **Add to Existing React Project** - Integrate code components into an existing codebase\n3. **With Tailwind CSS** - Setup with Tailwind CSS support\n\n**Quick Start (New Project):**\n\n```bash\n# 1. Create project\nmkdir my-webflow-components && cd my-webflow-components\nnpm init -y\n\n# 2. Install dependencies\nnpm install react react-dom\nnpm install -D typescript @types\u002Freact @types\u002Freact-dom\nnpm install -D @webflow\u002Fwebflow-cli @webflow\u002Fdata-types @webflow\u002Freact\n\n# 3. Create webflow.json\necho '{\"library\":{\"name\":\"My Library\",\"components\":[\".\u002Fsrc\u002F**\u002F*.webflow.tsx\"]}}' > webflow.json\n\n# 4. Create component directory\nmkdir -p src\u002Fcomponents\u002FButton\n```\n\nThen create your component files (.tsx, .webflow.tsx, .module.css). See Example 1 in [references\u002FEXAMPLES.md](references\u002FEXAMPLES.md) for complete file contents including component, definition, and CSS files.\n\nDeploy with:\n```bash\nnpx webflow library share\n```\n\n## Validation\n\nAfter setup, verify the project is correctly configured:\n\n| Check | How to Verify |\n|-------|---------------|\n| `webflow.json` exists in project root | `cat webflow.json` |\n| Dependencies installed | `npm list @webflow\u002Fwebflow-cli` |\n| Bundle compiles without errors | `npx webflow library bundle --public-path http:\u002F\u002Flocalhost:4000\u002F` |\n| At least one component found | Check bundle output for \"Found N component(s)\" |\n\n## Guidelines\n\n### Minimum Requirements\n\nEvery code components project needs:\n\n1. **package.json** with dependencies\n2. **webflow.json** with library config\n3. **tsconfig.json** (for TypeScript)\n4. At least one `.webflow.tsx` file\n\n### Recommended Structure\n\n```\nproject\u002F\n├── src\u002F\n│   ├── components\u002F\n│   │   └── [ComponentName]\u002F\n│   │       ├── [ComponentName].tsx\n│   │       ├── [ComponentName].webflow.tsx\n│   │       └── [ComponentName].module.css\n│   ├── hooks\u002F           # Custom hooks\n│   ├── utils\u002F           # Utilities\n│   ├── declarations.d.ts # CSS module types\n│   ├── globals.ts       # Decorators\u002Fglobal imports\n│   └── globals.css      # Global styles\n├── package.json\n├── tsconfig.json\n├── webflow.json\n└── .gitignore\n```\n\n### Development Workflow\n\n1. **Create component**: Use [component-scaffold](..\u002Fcomponent-scaffold\u002FSKILL.md) skill\n2. **Develop locally**: Run React project to iterate (e.g., `npm run dev`)\n3. **Validate**: Use [pre-deploy-check](..\u002Fpre-deploy-check\u002FSKILL.md) skill\n4. **Deploy**: Use [deploy-guide](..\u002Fdeploy-guide\u002FSKILL.md) skill or run `npx webflow library share`\n5. **Test in Webflow**: Add component to page in Designer\n",{"data":38,"body":42},{"name":5,"description":7,"compatibility":39,"metadata":40},"Node.js 18+, React 18+, TypeScript, @webflow\u002Fwebflow-cli",{"author":9,"version":41},"1.1",{"type":43,"children":44},"root",[45,54,60,67,76,101,109,127,133,140,199,205,264,270,323,329,383,389,462,468,481,489,522,530,792,803,808,838,844,849,946,952,958,963,1008,1014,1024,1030,1117],{"type":46,"tag":47,"props":48,"children":50},"element","h1",{"id":49},"local-dev-setup",[51],{"type":52,"value":53},"text","Local Dev Setup",{"type":46,"tag":55,"props":56,"children":57},"p",{},[58],{"type":52,"value":59},"Set up a new Webflow Code Components project from scratch.",{"type":46,"tag":61,"props":62,"children":64},"h2",{"id":63},"when-to-use-this-skill",[65],{"type":52,"value":66},"When to Use This Skill",{"type":46,"tag":55,"props":68,"children":69},{},[70],{"type":46,"tag":71,"props":72,"children":73},"strong",{},[74],{"type":52,"value":75},"Use when:",{"type":46,"tag":77,"props":78,"children":79},"ul",{},[80,86,91,96],{"type":46,"tag":81,"props":82,"children":83},"li",{},[84],{"type":52,"value":85},"Starting a brand new code components project",{"type":46,"tag":81,"props":87,"children":88},{},[89],{"type":52,"value":90},"User asks to set up, initialize, or create a new project",{"type":46,"tag":81,"props":92,"children":93},{},[94],{"type":52,"value":95},"Adding code components to an existing React project",{"type":46,"tag":81,"props":97,"children":98},{},[99],{"type":52,"value":100},"Setting up the development environment for the first time",{"type":46,"tag":55,"props":102,"children":103},{},[104],{"type":46,"tag":71,"props":105,"children":106},{},[107],{"type":52,"value":108},"Do NOT use when:",{"type":46,"tag":77,"props":110,"children":111},{},[112,117,122],{"type":46,"tag":81,"props":113,"children":114},{},[115],{"type":52,"value":116},"Project already exists and is configured (just answer questions directly)",{"type":46,"tag":81,"props":118,"children":119},{},[120],{"type":52,"value":121},"Creating individual components (use component-scaffold instead)",{"type":46,"tag":81,"props":123,"children":124},{},[125],{"type":52,"value":126},"Deploying components (use deploy-guide instead)",{"type":46,"tag":61,"props":128,"children":130},{"id":129},"instructions",[131],{"type":52,"value":132},"Instructions",{"type":46,"tag":134,"props":135,"children":137},"h3",{"id":136},"phase-1-assess-current-state",[138],{"type":52,"value":139},"Phase 1: Assess Current State",{"type":46,"tag":141,"props":142,"children":143},"ol",{},[144,172],{"type":46,"tag":81,"props":145,"children":146},{},[147,152,154],{"type":46,"tag":71,"props":148,"children":149},{},[150],{"type":52,"value":151},"Check if project exists",{"type":52,"value":153},":",{"type":46,"tag":77,"props":155,"children":156},{},[157,162,167],{"type":46,"tag":81,"props":158,"children":159},{},[160],{"type":52,"value":161},"Is there an existing package.json?",{"type":46,"tag":81,"props":163,"children":164},{},[165],{"type":52,"value":166},"Is there an existing webflow.json?",{"type":46,"tag":81,"props":168,"children":169},{},[170],{"type":52,"value":171},"What's the current project structure?",{"type":46,"tag":81,"props":173,"children":174},{},[175,180,181],{"type":46,"tag":71,"props":176,"children":177},{},[178],{"type":52,"value":179},"Determine setup type",{"type":52,"value":153},{"type":46,"tag":77,"props":182,"children":183},{},[184,189,194],{"type":46,"tag":81,"props":185,"children":186},{},[187],{"type":52,"value":188},"New project from scratch",{"type":46,"tag":81,"props":190,"children":191},{},[192],{"type":52,"value":193},"Add to existing React project",{"type":46,"tag":81,"props":195,"children":196},{},[197],{"type":52,"value":198},"Add to existing Next.js\u002FVite project",{"type":46,"tag":134,"props":200,"children":202},{"id":201},"phase-2-project-initialization",[203],{"type":52,"value":204},"Phase 2: Project Initialization",{"type":46,"tag":141,"props":206,"children":208},{"start":207},3,[209,237],{"type":46,"tag":81,"props":210,"children":211},{},[212,217,219],{"type":46,"tag":71,"props":213,"children":214},{},[215],{"type":52,"value":216},"Create project structure",{"type":52,"value":218}," (if new):",{"type":46,"tag":77,"props":220,"children":221},{},[222,227,232],{"type":46,"tag":81,"props":223,"children":224},{},[225],{"type":52,"value":226},"Initialize npm project",{"type":46,"tag":81,"props":228,"children":229},{},[230],{"type":52,"value":231},"Set up TypeScript",{"type":46,"tag":81,"props":233,"children":234},{},[235],{"type":52,"value":236},"Create folder structure",{"type":46,"tag":81,"props":238,"children":239},{},[240,245,246],{"type":46,"tag":71,"props":241,"children":242},{},[243],{"type":52,"value":244},"Install dependencies",{"type":52,"value":153},{"type":46,"tag":77,"props":247,"children":248},{},[249,254,259],{"type":46,"tag":81,"props":250,"children":251},{},[252],{"type":52,"value":253},"Core: React, TypeScript",{"type":46,"tag":81,"props":255,"children":256},{},[257],{"type":52,"value":258},"Webflow: CLI, data-types, react utils",{"type":46,"tag":81,"props":260,"children":261},{},[262],{"type":52,"value":263},"Optional: Styling libraries",{"type":46,"tag":134,"props":265,"children":267},{"id":266},"phase-3-configuration",[268],{"type":52,"value":269},"Phase 3: Configuration",{"type":46,"tag":141,"props":271,"children":273},{"start":272},5,[274,301],{"type":46,"tag":81,"props":275,"children":276},{},[277,282,283],{"type":46,"tag":71,"props":278,"children":279},{},[280],{"type":52,"value":281},"Create webflow.json",{"type":52,"value":153},{"type":46,"tag":77,"props":284,"children":285},{},[286,291,296],{"type":46,"tag":81,"props":287,"children":288},{},[289],{"type":52,"value":290},"Set library name",{"type":46,"tag":81,"props":292,"children":293},{},[294],{"type":52,"value":295},"Configure component glob pattern",{"type":46,"tag":81,"props":297,"children":298},{},[299],{"type":52,"value":300},"Set up globals if needed",{"type":46,"tag":81,"props":302,"children":303},{},[304,309,310],{"type":46,"tag":71,"props":305,"children":306},{},[307],{"type":52,"value":308},"Configure TypeScript",{"type":52,"value":153},{"type":46,"tag":77,"props":311,"children":312},{},[313,318],{"type":46,"tag":81,"props":314,"children":315},{},[316],{"type":52,"value":317},"Set up tsconfig.json",{"type":46,"tag":81,"props":319,"children":320},{},[321],{"type":52,"value":322},"Enable JSX support",{"type":46,"tag":134,"props":324,"children":326},{"id":325},"phase-4-create-starter-files",[327],{"type":52,"value":328},"Phase 4: Create Starter Files",{"type":46,"tag":141,"props":330,"children":332},{"start":331},7,[333,360],{"type":46,"tag":81,"props":334,"children":335},{},[336,341,342],{"type":46,"tag":71,"props":337,"children":338},{},[339],{"type":52,"value":340},"Create example component",{"type":52,"value":153},{"type":46,"tag":77,"props":343,"children":344},{},[345,350,355],{"type":46,"tag":81,"props":346,"children":347},{},[348],{"type":52,"value":349},"Simple Button component",{"type":46,"tag":81,"props":351,"children":352},{},[353],{"type":52,"value":354},"Definition file",{"type":46,"tag":81,"props":356,"children":357},{},[358],{"type":52,"value":359},"Basic styling",{"type":46,"tag":81,"props":361,"children":362},{},[363,368,370],{"type":46,"tag":71,"props":364,"children":365},{},[366],{"type":52,"value":367},"Create globals file",{"type":52,"value":369}," (optional):",{"type":46,"tag":77,"props":371,"children":372},{},[373,378],{"type":46,"tag":81,"props":374,"children":375},{},[376],{"type":52,"value":377},"For shared styles",{"type":46,"tag":81,"props":379,"children":380},{},[381],{"type":52,"value":382},"For decorators",{"type":46,"tag":134,"props":384,"children":386},{"id":385},"phase-5-verify-setup",[387],{"type":52,"value":388},"Phase 5: Verify Setup",{"type":46,"tag":141,"props":390,"children":392},{"start":391},9,[393,435],{"type":46,"tag":81,"props":394,"children":395},{},[396,401,402],{"type":46,"tag":71,"props":397,"children":398},{},[399],{"type":52,"value":400},"Verify bundle compiles",{"type":52,"value":153},{"type":46,"tag":77,"props":403,"children":404},{},[405,419,424],{"type":46,"tag":81,"props":406,"children":407},{},[408,410,417],{"type":52,"value":409},"Run ",{"type":46,"tag":411,"props":412,"children":414},"code",{"className":413},[],[415],{"type":52,"value":416},"npx webflow library bundle --public-path http:\u002F\u002Flocalhost:4000\u002F",{"type":52,"value":418}," to catch build errors locally",{"type":46,"tag":81,"props":420,"children":421},{},[422],{"type":52,"value":423},"This verifies your components, imports, and configuration are correct",{"type":46,"tag":81,"props":425,"children":426},{},[427,429],{"type":52,"value":428},"Full testing in the Webflow Designer requires deploying with ",{"type":46,"tag":411,"props":430,"children":432},{"className":431},[],[433],{"type":52,"value":434},"npx webflow library share",{"type":46,"tag":81,"props":436,"children":437},{},[438,443,444],{"type":46,"tag":71,"props":439,"children":440},{},[441],{"type":52,"value":442},"Provide next steps",{"type":52,"value":153},{"type":46,"tag":77,"props":445,"children":446},{},[447,452,457],{"type":46,"tag":81,"props":448,"children":449},{},[450],{"type":52,"value":451},"How to create more components",{"type":46,"tag":81,"props":453,"children":454},{},[455],{"type":52,"value":456},"How to deploy",{"type":46,"tag":81,"props":458,"children":459},{},[460],{"type":52,"value":461},"Development workflow",{"type":46,"tag":61,"props":463,"children":465},{"id":464},"examples",[466],{"type":52,"value":467},"Examples",{"type":46,"tag":55,"props":469,"children":470},{},[471,473,479],{"type":52,"value":472},"For detailed step-by-step examples, see ",{"type":46,"tag":474,"props":475,"children":477},"a",{"href":476},"references\u002FEXAMPLES.md",[478],{"type":52,"value":476},{"type":52,"value":480},".",{"type":46,"tag":55,"props":482,"children":483},{},[484],{"type":46,"tag":71,"props":485,"children":486},{},[487],{"type":52,"value":488},"Available examples:",{"type":46,"tag":141,"props":490,"children":491},{},[492,502,512],{"type":46,"tag":81,"props":493,"children":494},{},[495,500],{"type":46,"tag":71,"props":496,"children":497},{},[498],{"type":52,"value":499},"New Project from Scratch",{"type":52,"value":501}," - Complete setup with React, TypeScript, and CSS Modules",{"type":46,"tag":81,"props":503,"children":504},{},[505,510],{"type":46,"tag":71,"props":506,"children":507},{},[508],{"type":52,"value":509},"Add to Existing React Project",{"type":52,"value":511}," - Integrate code components into an existing codebase",{"type":46,"tag":81,"props":513,"children":514},{},[515,520],{"type":46,"tag":71,"props":516,"children":517},{},[518],{"type":52,"value":519},"With Tailwind CSS",{"type":52,"value":521}," - Setup with Tailwind CSS support",{"type":46,"tag":55,"props":523,"children":524},{},[525],{"type":46,"tag":71,"props":526,"children":527},{},[528],{"type":52,"value":529},"Quick Start (New Project):",{"type":46,"tag":531,"props":532,"children":537},"pre",{"className":533,"code":534,"language":535,"meta":536,"style":536},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","# 1. Create project\nmkdir my-webflow-components && cd my-webflow-components\nnpm init -y\n\n# 2. Install dependencies\nnpm install react react-dom\nnpm install -D typescript @types\u002Freact @types\u002Freact-dom\nnpm install -D @webflow\u002Fwebflow-cli @webflow\u002Fdata-types @webflow\u002Freact\n\n# 3. Create webflow.json\necho '{\"library\":{\"name\":\"My Library\",\"components\":[\".\u002Fsrc\u002F**\u002F*.webflow.tsx\"]}}' > webflow.json\n\n# 4. Create component directory\nmkdir -p src\u002Fcomponents\u002FButton\n","bash","",[538],{"type":46,"tag":411,"props":539,"children":540},{"__ignoreMap":536},[541,553,586,604,614,622,645,676,707,714,723,757,765,774],{"type":46,"tag":542,"props":543,"children":546},"span",{"class":544,"line":545},"line",1,[547],{"type":46,"tag":542,"props":548,"children":550},{"style":549},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[551],{"type":52,"value":552},"# 1. Create project\n",{"type":46,"tag":542,"props":554,"children":556},{"class":544,"line":555},2,[557,563,569,575,581],{"type":46,"tag":542,"props":558,"children":560},{"style":559},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[561],{"type":52,"value":562},"mkdir",{"type":46,"tag":542,"props":564,"children":566},{"style":565},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[567],{"type":52,"value":568}," my-webflow-components",{"type":46,"tag":542,"props":570,"children":572},{"style":571},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[573],{"type":52,"value":574}," &&",{"type":46,"tag":542,"props":576,"children":578},{"style":577},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[579],{"type":52,"value":580}," cd",{"type":46,"tag":542,"props":582,"children":583},{"style":565},[584],{"type":52,"value":585}," my-webflow-components\n",{"type":46,"tag":542,"props":587,"children":588},{"class":544,"line":207},[589,594,599],{"type":46,"tag":542,"props":590,"children":591},{"style":559},[592],{"type":52,"value":593},"npm",{"type":46,"tag":542,"props":595,"children":596},{"style":565},[597],{"type":52,"value":598}," init",{"type":46,"tag":542,"props":600,"children":601},{"style":565},[602],{"type":52,"value":603}," -y\n",{"type":46,"tag":542,"props":605,"children":607},{"class":544,"line":606},4,[608],{"type":46,"tag":542,"props":609,"children":611},{"emptyLinePlaceholder":610},true,[612],{"type":52,"value":613},"\n",{"type":46,"tag":542,"props":615,"children":616},{"class":544,"line":272},[617],{"type":46,"tag":542,"props":618,"children":619},{"style":549},[620],{"type":52,"value":621},"# 2. Install dependencies\n",{"type":46,"tag":542,"props":623,"children":625},{"class":544,"line":624},6,[626,630,635,640],{"type":46,"tag":542,"props":627,"children":628},{"style":559},[629],{"type":52,"value":593},{"type":46,"tag":542,"props":631,"children":632},{"style":565},[633],{"type":52,"value":634}," install",{"type":46,"tag":542,"props":636,"children":637},{"style":565},[638],{"type":52,"value":639}," react",{"type":46,"tag":542,"props":641,"children":642},{"style":565},[643],{"type":52,"value":644}," react-dom\n",{"type":46,"tag":542,"props":646,"children":647},{"class":544,"line":331},[648,652,656,661,666,671],{"type":46,"tag":542,"props":649,"children":650},{"style":559},[651],{"type":52,"value":593},{"type":46,"tag":542,"props":653,"children":654},{"style":565},[655],{"type":52,"value":634},{"type":46,"tag":542,"props":657,"children":658},{"style":565},[659],{"type":52,"value":660}," -D",{"type":46,"tag":542,"props":662,"children":663},{"style":565},[664],{"type":52,"value":665}," typescript",{"type":46,"tag":542,"props":667,"children":668},{"style":565},[669],{"type":52,"value":670}," @types\u002Freact",{"type":46,"tag":542,"props":672,"children":673},{"style":565},[674],{"type":52,"value":675}," @types\u002Freact-dom\n",{"type":46,"tag":542,"props":677,"children":679},{"class":544,"line":678},8,[680,684,688,692,697,702],{"type":46,"tag":542,"props":681,"children":682},{"style":559},[683],{"type":52,"value":593},{"type":46,"tag":542,"props":685,"children":686},{"style":565},[687],{"type":52,"value":634},{"type":46,"tag":542,"props":689,"children":690},{"style":565},[691],{"type":52,"value":660},{"type":46,"tag":542,"props":693,"children":694},{"style":565},[695],{"type":52,"value":696}," @webflow\u002Fwebflow-cli",{"type":46,"tag":542,"props":698,"children":699},{"style":565},[700],{"type":52,"value":701}," @webflow\u002Fdata-types",{"type":46,"tag":542,"props":703,"children":704},{"style":565},[705],{"type":52,"value":706}," @webflow\u002Freact\n",{"type":46,"tag":542,"props":708,"children":709},{"class":544,"line":391},[710],{"type":46,"tag":542,"props":711,"children":712},{"emptyLinePlaceholder":610},[713],{"type":52,"value":613},{"type":46,"tag":542,"props":715,"children":717},{"class":544,"line":716},10,[718],{"type":46,"tag":542,"props":719,"children":720},{"style":549},[721],{"type":52,"value":722},"# 3. Create webflow.json\n",{"type":46,"tag":542,"props":724,"children":726},{"class":544,"line":725},11,[727,732,737,742,747,752],{"type":46,"tag":542,"props":728,"children":729},{"style":577},[730],{"type":52,"value":731},"echo",{"type":46,"tag":542,"props":733,"children":734},{"style":571},[735],{"type":52,"value":736}," '",{"type":46,"tag":542,"props":738,"children":739},{"style":565},[740],{"type":52,"value":741},"{\"library\":{\"name\":\"My Library\",\"components\":[\".\u002Fsrc\u002F**\u002F*.webflow.tsx\"]}}",{"type":46,"tag":542,"props":743,"children":744},{"style":571},[745],{"type":52,"value":746},"'",{"type":46,"tag":542,"props":748,"children":749},{"style":571},[750],{"type":52,"value":751}," >",{"type":46,"tag":542,"props":753,"children":754},{"style":565},[755],{"type":52,"value":756}," webflow.json\n",{"type":46,"tag":542,"props":758,"children":760},{"class":544,"line":759},12,[761],{"type":46,"tag":542,"props":762,"children":763},{"emptyLinePlaceholder":610},[764],{"type":52,"value":613},{"type":46,"tag":542,"props":766,"children":768},{"class":544,"line":767},13,[769],{"type":46,"tag":542,"props":770,"children":771},{"style":549},[772],{"type":52,"value":773},"# 4. Create component directory\n",{"type":46,"tag":542,"props":775,"children":777},{"class":544,"line":776},14,[778,782,787],{"type":46,"tag":542,"props":779,"children":780},{"style":559},[781],{"type":52,"value":562},{"type":46,"tag":542,"props":783,"children":784},{"style":565},[785],{"type":52,"value":786}," -p",{"type":46,"tag":542,"props":788,"children":789},{"style":565},[790],{"type":52,"value":791}," src\u002Fcomponents\u002FButton\n",{"type":46,"tag":55,"props":793,"children":794},{},[795,797,801],{"type":52,"value":796},"Then create your component files (.tsx, .webflow.tsx, .module.css). See Example 1 in ",{"type":46,"tag":474,"props":798,"children":799},{"href":476},[800],{"type":52,"value":476},{"type":52,"value":802}," for complete file contents including component, definition, and CSS files.",{"type":46,"tag":55,"props":804,"children":805},{},[806],{"type":52,"value":807},"Deploy with:",{"type":46,"tag":531,"props":809,"children":811},{"className":533,"code":810,"language":535,"meta":536,"style":536},"npx webflow library share\n",[812],{"type":46,"tag":411,"props":813,"children":814},{"__ignoreMap":536},[815],{"type":46,"tag":542,"props":816,"children":817},{"class":544,"line":545},[818,823,828,833],{"type":46,"tag":542,"props":819,"children":820},{"style":559},[821],{"type":52,"value":822},"npx",{"type":46,"tag":542,"props":824,"children":825},{"style":565},[826],{"type":52,"value":827}," webflow",{"type":46,"tag":542,"props":829,"children":830},{"style":565},[831],{"type":52,"value":832}," library",{"type":46,"tag":542,"props":834,"children":835},{"style":565},[836],{"type":52,"value":837}," share\n",{"type":46,"tag":61,"props":839,"children":841},{"id":840},"validation",[842],{"type":52,"value":843},"Validation",{"type":46,"tag":55,"props":845,"children":846},{},[847],{"type":52,"value":848},"After setup, verify the project is correctly configured:",{"type":46,"tag":850,"props":851,"children":852},"table",{},[853,872],{"type":46,"tag":854,"props":855,"children":856},"thead",{},[857],{"type":46,"tag":858,"props":859,"children":860},"tr",{},[861,867],{"type":46,"tag":862,"props":863,"children":864},"th",{},[865],{"type":52,"value":866},"Check",{"type":46,"tag":862,"props":868,"children":869},{},[870],{"type":52,"value":871},"How to Verify",{"type":46,"tag":873,"props":874,"children":875},"tbody",{},[876,900,917,933],{"type":46,"tag":858,"props":877,"children":878},{},[879,891],{"type":46,"tag":880,"props":881,"children":882},"td",{},[883,889],{"type":46,"tag":411,"props":884,"children":886},{"className":885},[],[887],{"type":52,"value":888},"webflow.json",{"type":52,"value":890}," exists in project root",{"type":46,"tag":880,"props":892,"children":893},{},[894],{"type":46,"tag":411,"props":895,"children":897},{"className":896},[],[898],{"type":52,"value":899},"cat webflow.json",{"type":46,"tag":858,"props":901,"children":902},{},[903,908],{"type":46,"tag":880,"props":904,"children":905},{},[906],{"type":52,"value":907},"Dependencies installed",{"type":46,"tag":880,"props":909,"children":910},{},[911],{"type":46,"tag":411,"props":912,"children":914},{"className":913},[],[915],{"type":52,"value":916},"npm list @webflow\u002Fwebflow-cli",{"type":46,"tag":858,"props":918,"children":919},{},[920,925],{"type":46,"tag":880,"props":921,"children":922},{},[923],{"type":52,"value":924},"Bundle compiles without errors",{"type":46,"tag":880,"props":926,"children":927},{},[928],{"type":46,"tag":411,"props":929,"children":931},{"className":930},[],[932],{"type":52,"value":416},{"type":46,"tag":858,"props":934,"children":935},{},[936,941],{"type":46,"tag":880,"props":937,"children":938},{},[939],{"type":52,"value":940},"At least one component found",{"type":46,"tag":880,"props":942,"children":943},{},[944],{"type":52,"value":945},"Check bundle output for \"Found N component(s)\"",{"type":46,"tag":61,"props":947,"children":949},{"id":948},"guidelines",[950],{"type":52,"value":951},"Guidelines",{"type":46,"tag":134,"props":953,"children":955},{"id":954},"minimum-requirements",[956],{"type":52,"value":957},"Minimum Requirements",{"type":46,"tag":55,"props":959,"children":960},{},[961],{"type":52,"value":962},"Every code components project needs:",{"type":46,"tag":141,"props":964,"children":965},{},[966,976,985,995],{"type":46,"tag":81,"props":967,"children":968},{},[969,974],{"type":46,"tag":71,"props":970,"children":971},{},[972],{"type":52,"value":973},"package.json",{"type":52,"value":975}," with dependencies",{"type":46,"tag":81,"props":977,"children":978},{},[979,983],{"type":46,"tag":71,"props":980,"children":981},{},[982],{"type":52,"value":888},{"type":52,"value":984}," with library config",{"type":46,"tag":81,"props":986,"children":987},{},[988,993],{"type":46,"tag":71,"props":989,"children":990},{},[991],{"type":52,"value":992},"tsconfig.json",{"type":52,"value":994}," (for TypeScript)",{"type":46,"tag":81,"props":996,"children":997},{},[998,1000,1006],{"type":52,"value":999},"At least one ",{"type":46,"tag":411,"props":1001,"children":1003},{"className":1002},[],[1004],{"type":52,"value":1005},".webflow.tsx",{"type":52,"value":1007}," file",{"type":46,"tag":134,"props":1009,"children":1011},{"id":1010},"recommended-structure",[1012],{"type":52,"value":1013},"Recommended Structure",{"type":46,"tag":531,"props":1015,"children":1019},{"className":1016,"code":1018,"language":52},[1017],"language-text","project\u002F\n├── src\u002F\n│   ├── components\u002F\n│   │   └── [ComponentName]\u002F\n│   │       ├── [ComponentName].tsx\n│   │       ├── [ComponentName].webflow.tsx\n│   │       └── [ComponentName].module.css\n│   ├── hooks\u002F           # Custom hooks\n│   ├── utils\u002F           # Utilities\n│   ├── declarations.d.ts # CSS module types\n│   ├── globals.ts       # Decorators\u002Fglobal imports\n│   └── globals.css      # Global styles\n├── package.json\n├── tsconfig.json\n├── webflow.json\n└── .gitignore\n",[1020],{"type":46,"tag":411,"props":1021,"children":1022},{"__ignoreMap":536},[1023],{"type":52,"value":1018},{"type":46,"tag":134,"props":1025,"children":1027},{"id":1026},"development-workflow",[1028],{"type":52,"value":1029},"Development Workflow",{"type":46,"tag":141,"props":1031,"children":1032},{},[1033,1051,1069,1085,1107],{"type":46,"tag":81,"props":1034,"children":1035},{},[1036,1041,1043,1049],{"type":46,"tag":71,"props":1037,"children":1038},{},[1039],{"type":52,"value":1040},"Create component",{"type":52,"value":1042},": Use ",{"type":46,"tag":474,"props":1044,"children":1046},{"href":1045},"..\u002Fcomponent-scaffold\u002FSKILL.md",[1047],{"type":52,"value":1048},"component-scaffold",{"type":52,"value":1050}," skill",{"type":46,"tag":81,"props":1052,"children":1053},{},[1054,1059,1061,1067],{"type":46,"tag":71,"props":1055,"children":1056},{},[1057],{"type":52,"value":1058},"Develop locally",{"type":52,"value":1060},": Run React project to iterate (e.g., ",{"type":46,"tag":411,"props":1062,"children":1064},{"className":1063},[],[1065],{"type":52,"value":1066},"npm run dev",{"type":52,"value":1068},")",{"type":46,"tag":81,"props":1070,"children":1071},{},[1072,1077,1078,1084],{"type":46,"tag":71,"props":1073,"children":1074},{},[1075],{"type":52,"value":1076},"Validate",{"type":52,"value":1042},{"type":46,"tag":474,"props":1079,"children":1081},{"href":1080},"..\u002Fpre-deploy-check\u002FSKILL.md",[1082],{"type":52,"value":1083},"pre-deploy-check",{"type":52,"value":1050},{"type":46,"tag":81,"props":1086,"children":1087},{},[1088,1093,1094,1100,1102],{"type":46,"tag":71,"props":1089,"children":1090},{},[1091],{"type":52,"value":1092},"Deploy",{"type":52,"value":1042},{"type":46,"tag":474,"props":1095,"children":1097},{"href":1096},"..\u002Fdeploy-guide\u002FSKILL.md",[1098],{"type":52,"value":1099},"deploy-guide",{"type":52,"value":1101}," skill or run ",{"type":46,"tag":411,"props":1103,"children":1105},{"className":1104},[],[1106],{"type":52,"value":434},{"type":46,"tag":81,"props":1108,"children":1109},{},[1110,1115],{"type":46,"tag":71,"props":1111,"children":1112},{},[1113],{"type":52,"value":1114},"Test in Webflow",{"type":52,"value":1116},": Add component to page in Designer",{"type":46,"tag":1118,"props":1119,"children":1120},"style",{},[1121],{"type":52,"value":1122},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":1124,"total":1300},[1125,1146,1161,1178,1195,1209,1225,1239,1253,1265,1272,1286],{"slug":1126,"name":1127,"fn":1128,"description":1129,"org":1130,"tags":1131,"stars":24,"repoUrl":25,"updatedAt":1145},"webflow-clicloud","webflow-cli:cloud","deploy applications to Webflow Cloud","Initialize, build, and deploy full-stack Webflow applications to Webflow Cloud hosting. Supports site-attached deploys (linked to an existing Webflow site) and project app deploys (independent project, no existing site required). Use when creating new projects, deploying existing ones, or setting up CI\u002FCD pipelines for Webflow Cloud.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1132,1135,1138,1141,1144],{"name":1133,"slug":1134,"type":16},"CLI","cli",{"name":1136,"slug":1137,"type":16},"Cloud","cloud",{"name":1139,"slug":1140,"type":16},"Deployment","deployment",{"name":1142,"slug":1143,"type":16},"Full-stack","full-stack",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:47.514609",{"slug":1147,"name":1148,"fn":1149,"description":1150,"org":1151,"tags":1152,"stars":24,"repoUrl":25,"updatedAt":1160},"webflow-clicode-component","webflow-cli:code-component","create and deploy Webflow Code Components","Create and deploy reusable React components for Webflow Designer. Configure existing React projects with webflow.json, build and bundle code, validate output, and deploy to workspace using library share. Use when building custom components for designers.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1153,1154,1155,1156,1159],{"name":1133,"slug":1134,"type":16},{"name":1139,"slug":1140,"type":16},{"name":14,"slug":15,"type":16},{"name":1157,"slug":1158,"type":16},"UI Components","ui-components",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:41.421071",{"slug":1162,"name":1163,"fn":1164,"description":1165,"org":1166,"tags":1167,"stars":24,"repoUrl":25,"updatedAt":1177},"webflow-clidesigner-extension","webflow-cli:designer-extension","build Webflow Designer Extensions","Build Designer Extensions for custom Webflow Designer functionality. Lists available templates, initializes extension projects from templates (default\u002Freact\u002Ftypescript-alt), bundles extensions for upload, and serves locally for development.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1168,1169,1172,1173,1176],{"name":1133,"slug":1134,"type":16},{"name":1170,"slug":1171,"type":16},"Plugin Development","plugin-development",{"name":14,"slug":15,"type":16},{"name":1174,"slug":1175,"type":16},"TypeScript","typescript",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:43.853573",{"slug":1179,"name":1180,"fn":1181,"description":1182,"org":1183,"tags":1184,"stars":24,"repoUrl":25,"updatedAt":1194},"webflow-clidevlink","webflow-cli:devlink","export Webflow components to React and Next.js","Export Webflow Designer components to React\u002FNext.js code for external projects. Configure devlink settings in webflow.json, sync design updates with devlink sync, validate generated code, show diffs, and provide integration examples. Use when building with Webflow designs in React\u002FNext.js.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1185,1186,1189,1192,1193],{"name":1133,"slug":1134,"type":16},{"name":1187,"slug":1188,"type":16},"Frontend","frontend",{"name":1190,"slug":1191,"type":16},"Next.js","next-js",{"name":14,"slug":15,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:40.182468",{"slug":1196,"name":1197,"fn":1198,"description":1199,"org":1200,"tags":1201,"stars":24,"repoUrl":25,"updatedAt":1208},"webflow-clitroubleshooter","webflow-cli:troubleshooter","troubleshoot Webflow CLI issues","Diagnose and fix Webflow CLI issues including installation problems, authentication failures, build errors, and bundle problems. Uses CLI diagnostic flags (--version, --help, --verbose, --debug-bundler) for troubleshooting.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1202,1203,1204,1207],{"name":1133,"slug":1134,"type":16},{"name":18,"slug":19,"type":16},{"name":1205,"slug":1206,"type":16},"Debugging","debugging",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:48.831648",{"slug":1210,"name":1211,"fn":1212,"description":1213,"org":1214,"tags":1215,"stars":24,"repoUrl":25,"updatedAt":1224},"webflow-code-componentcomponent-audit","webflow-code-component:component-audit","audit Webflow Code Component architecture","Audit Webflow Code Components for architecture decisions - prop exposure, state management, slot opportunities, and Shadow DOM compatibility. Focused on Webflow-specific patterns, not generic React best practices.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1216,1219,1222,1223],{"name":1217,"slug":1218,"type":16},"Architecture","architecture",{"name":1220,"slug":1221,"type":16},"Code Analysis","code-analysis",{"name":14,"slug":15,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:46.277768",{"slug":1226,"name":1227,"fn":1228,"description":1229,"org":1230,"tags":1231,"stars":24,"repoUrl":25,"updatedAt":1238},"webflow-code-componentcomponent-scaffold","webflow-code-component:component-scaffold","scaffold Webflow Code Component boilerplate","Generate new Webflow Code Component boilerplate with React component, definition file, and optional styling. Automatically checks prerequisites and can set up missing config\u002Fdependencies.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1232,1233,1234,1237],{"name":1187,"slug":1188,"type":16},{"name":14,"slug":15,"type":16},{"name":1235,"slug":1236,"type":16},"Templates","templates",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:42.638042",{"slug":1240,"name":1241,"fn":1242,"description":1243,"org":1244,"tags":1245,"stars":24,"repoUrl":25,"updatedAt":1252},"webflow-code-componentconvert-component","webflow-code-component:convert-component","convert React components to Webflow Code Components","Convert an existing React component into a Webflow Code Component. Analyzes TypeScript props, maps to Webflow prop types, generates the .webflow.tsx definition file, and identifies required modifications.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1246,1249,1250,1251],{"name":1247,"slug":1248,"type":16},"Migration","migration",{"name":14,"slug":15,"type":16},{"name":1174,"slug":1175,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:52.523608",{"slug":1254,"name":1255,"fn":1256,"description":1257,"org":1258,"tags":1259,"stars":24,"repoUrl":25,"updatedAt":1264},"webflow-code-componentdeploy-guide","webflow-code-component:deploy-guide","deploy Webflow Code Components","Step-by-step guide for deploying Webflow Code Components to a workspace. Covers authentication, pre-flight checks, deployment execution, and verification.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1260,1261,1262,1263],{"name":1139,"slug":1140,"type":16},{"name":1187,"slug":1188,"type":16},{"name":14,"slug":15,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:38.947875",{"slug":4,"name":5,"fn":6,"description":7,"org":1266,"tags":1267,"stars":24,"repoUrl":25,"updatedAt":26},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1268,1269,1270,1271],{"name":18,"slug":19,"type":16},{"name":21,"slug":22,"type":16},{"name":14,"slug":15,"type":16},{"name":10,"slug":9,"type":16},{"slug":1273,"name":1274,"fn":1275,"description":1276,"org":1277,"tags":1278,"stars":24,"repoUrl":25,"updatedAt":1285},"webflow-code-componentpre-deploy-check","webflow-code-component:pre-deploy-check","validate Webflow Code Components before deployment","Pre-deployment validation for Webflow Code Components. Checks bundle size, dependencies, prop configurations, SSR compatibility, styling setup, and common issues before running webflow library share.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1279,1280,1283,1284],{"name":1139,"slug":1140,"type":16},{"name":1281,"slug":1282,"type":16},"QA","qa",{"name":843,"slug":840,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:51.300653",{"slug":1287,"name":1288,"fn":1289,"description":1290,"org":1291,"tags":1292,"stars":24,"repoUrl":25,"updatedAt":1299},"webflow-code-componenttroubleshoot-deploy","webflow-code-component:troubleshoot-deploy","troubleshoot Webflow Code Component deployments","Debug deployment failures for Webflow Code Components. Analyzes error messages, identifies root causes, and provides specific fixes for common issues.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1293,1294,1295,1298],{"name":1205,"slug":1206,"type":16},{"name":1139,"slug":1140,"type":16},{"name":1296,"slug":1297,"type":16},"Observability","observability",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:45.057571",28,{"items":1302,"total":1300},[1303,1311,1319,1327,1335,1342,1349],{"slug":1126,"name":1127,"fn":1128,"description":1129,"org":1304,"tags":1305,"stars":24,"repoUrl":25,"updatedAt":1145},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1306,1307,1308,1309,1310],{"name":1133,"slug":1134,"type":16},{"name":1136,"slug":1137,"type":16},{"name":1139,"slug":1140,"type":16},{"name":1142,"slug":1143,"type":16},{"name":10,"slug":9,"type":16},{"slug":1147,"name":1148,"fn":1149,"description":1150,"org":1312,"tags":1313,"stars":24,"repoUrl":25,"updatedAt":1160},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1314,1315,1316,1317,1318],{"name":1133,"slug":1134,"type":16},{"name":1139,"slug":1140,"type":16},{"name":14,"slug":15,"type":16},{"name":1157,"slug":1158,"type":16},{"name":10,"slug":9,"type":16},{"slug":1162,"name":1163,"fn":1164,"description":1165,"org":1320,"tags":1321,"stars":24,"repoUrl":25,"updatedAt":1177},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1322,1323,1324,1325,1326],{"name":1133,"slug":1134,"type":16},{"name":1170,"slug":1171,"type":16},{"name":14,"slug":15,"type":16},{"name":1174,"slug":1175,"type":16},{"name":10,"slug":9,"type":16},{"slug":1179,"name":1180,"fn":1181,"description":1182,"org":1328,"tags":1329,"stars":24,"repoUrl":25,"updatedAt":1194},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1330,1331,1332,1333,1334],{"name":1133,"slug":1134,"type":16},{"name":1187,"slug":1188,"type":16},{"name":1190,"slug":1191,"type":16},{"name":14,"slug":15,"type":16},{"name":10,"slug":9,"type":16},{"slug":1196,"name":1197,"fn":1198,"description":1199,"org":1336,"tags":1337,"stars":24,"repoUrl":25,"updatedAt":1208},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1338,1339,1340,1341],{"name":1133,"slug":1134,"type":16},{"name":18,"slug":19,"type":16},{"name":1205,"slug":1206,"type":16},{"name":10,"slug":9,"type":16},{"slug":1210,"name":1211,"fn":1212,"description":1213,"org":1343,"tags":1344,"stars":24,"repoUrl":25,"updatedAt":1224},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1345,1346,1347,1348],{"name":1217,"slug":1218,"type":16},{"name":1220,"slug":1221,"type":16},{"name":14,"slug":15,"type":16},{"name":10,"slug":9,"type":16},{"slug":1226,"name":1227,"fn":1228,"description":1229,"org":1350,"tags":1351,"stars":24,"repoUrl":25,"updatedAt":1238},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[1352,1353,1354,1355],{"name":1187,"slug":1188,"type":16},{"name":14,"slug":15,"type":16},{"name":1235,"slug":1236,"type":16},{"name":10,"slug":9,"type":16}]