[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-webflow-webflow-clidevlink":3,"mdc--fst6gf-key":40,"related-org-webflow-webflow-clidevlink":4518,"related-repo-webflow-webflow-clidevlink":4696},{"slug":4,"name":5,"fn":6,"description":7,"org":8,"tags":12,"stars":27,"repoUrl":28,"updatedAt":29,"license":30,"forks":31,"topics":32,"repo":35,"sourceUrl":38,"mdContent":39},"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},"webflow","Webflow","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fwebflow.png",[13,17,20,23,24],{"name":14,"slug":15,"type":16},"React","react","tag",{"name":18,"slug":19,"type":16},"Next.js","next-js",{"name":21,"slug":22,"type":16},"CLI","cli",{"name":10,"slug":9,"type":16},{"name":25,"slug":26,"type":16},"Frontend","frontend",107,"https:\u002F\u002Fgithub.com\u002Fwebflow\u002Fwebflow-skills","2026-05-18T06:47:40.182468",null,17,[33,34],"agent","skills",{"repoUrl":28,"stars":27,"forks":31,"topics":36,"description":37},[33,34],"Official Webflow Agent Skills","https:\u002F\u002Fgithub.com\u002Fwebflow\u002Fwebflow-skills\u002Ftree\u002FHEAD\u002Fplugins\u002Fwebflow-skills\u002Fskills\u002Fdevlink-command","---\nname: webflow-cli:devlink\ndescription: 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.\n---\n\n# DevLink\n\nExport and sync Webflow Designer components to React\u002FNext.js code with validation, diffs, and integration guidance.\n\n## Important Note\n\n**ALWAYS use Bash tool for all Webflow CLI operations:**\n- Execute `webflow devlink sync` via Bash tool\n- Use Read tool to examine synced files and webflow.json (never modify)\n- Use Glob tool to discover generated components\n- Verify CLI installation: `webflow --version`\n- Check authentication: Use `webflow auth login` for site authentication\n- DO NOT use Webflow MCP tools for CLI workflows\n- All CLI commands require proper descriptions (not context parameters)\n\n**Package Manager Detection:**\n- Check for lock files: `package-lock.json` (npm), `pnpm-lock.yaml` (pnpm), `yarn.lock` (yarn)\n- If no lock file found, ask user which package manager to use (npm\u002Fpnpm\u002Fyarn)\n- Use detected package manager for all install\u002Fbuild commands\n\n## Instructions\n\n### Phase 1: Environment Verification\n1. **Verify CLI installed**: Run `webflow --version` to confirm CLI is installed\n2. **Check authentication**: Verify site authentication (created via `webflow auth login`)\n3. **Discover project state**: Check if webflow.json exists with devlink configuration\n4. **Identify target framework**: Determine if React, Next.js, or other\n\n### Phase 2: DevLink Configuration\n5. **Check for existing config**: Look for `webflow.json` with devlink section\n6. **Read configuration**: If exists, show current devlink settings:\n   - `rootDir`: Directory to export components into\n   - `cssModules`: Whether to use CSS modules\n   - `fileExtensions`: File extensions for generated files\n   - Other configuration options\n7. **Ask operation type**: Clarify what user wants to do:\n   - Configure DevLink for first time\n   - Sync all components\n   - Sync specific components (using `components` regex pattern)\n   - Update existing sync\n8. **Store baseline** (if updating): Use Read tool to capture current files before sync\n\n### Phase 3: Sync Execution\n9. **Run sync command**: Execute `webflow devlink sync` with options:\n   - `--api-token` or `-t`: Override API token from .env\n   - `--site-id` or `-s`: Override site ID from .env\n10. **Monitor sync progress**: Show CLI output and sync status\n11. **Capture sync results**: Record files created\u002Fmodified in rootDir\n12. **Validate generated code**:\n    - Check for TypeScript errors (if using TS)\n    - Verify import statements\n    - Confirm component exports\n    - Check CSS module references\n\n### Phase 4: Analysis & Diff Preview\n13. **Compare before\u002Fafter**: Show what changed:\n    - New files created in rootDir\n    - Existing files modified\n    - Components added or updated\n14. **Show file diffs**: Display key changes for modified files\n15. **Analyze component structure**:\n    - Component count\n    - New components added\n    - Updated components\n    - CSS files generated\n16. **List dependencies**: Show what needs to be imported\n\n### Phase 5: Integration Guidance\n17. **Provide import statements**: Show exact code to import components\n18. **Show usage examples**: Demonstrate how to use each component\n19. **Document sync timestamp**: Record when sync occurred\n20. **Provide next steps**: Guide user on testing and integration\n\n## Examples\n\n### Example 1: First-Time DevLink Setup\n\n**User prompt:**\n```\nSync my Webflow components to my Next.js project\n```\n\n**Step 1: Environment Verification**\n```\n🔍 DevLink Environment Check\n\nChecking CLI installation...\n✓ Webflow CLI installed: v1.5.2\n\nCurrent directory: \u002FUsers\u002Fuser\u002Fprojects\u002Fmy-nextjs-app\nFramework detected: Next.js 14\n\nChecking for DevLink configuration...\n⚠️ No webflow.json with devlink configuration found\n\nThis appears to be your first DevLink sync.\nReady to configure? (yes\u002Fno)\n```\n\n*User confirms: yes*\n\n**Step 2: Configuration Setup**\n```\n📋 DevLink Configuration\n\nDevLink syncs Webflow components to your local project as React code.\n\nConfiguration needed in webflow.json:\n\n{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fdevlink\",           \u002F\u002F Where to export components\n    \"cssModules\": true,                \u002F\u002F Use CSS modules\n    \"fileExtensions\": {\n      \"js\": \"jsx\"                      \u002F\u002F or \"tsx\" for TypeScript\n    }\n  }\n}\n\nI'll help you create this configuration.\n\nQuestions:\n1. Where should components be exported? (default: .\u002Fdevlink)\n2. Use TypeScript? (yes for tsx, no for jsx)\n3. Use CSS modules? (recommended: yes)\n```\n\n*User provides: .\u002Fsrc\u002Fdevlink, yes (TypeScript), yes (CSS modules)*\n\n```\nCreating webflow.json configuration...\n\n{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fsrc\u002Fdevlink\",\n    \"cssModules\": true,\n    \"fileExtensions\": {\n      \"js\": \"tsx\"\n    }\n  }\n}\n\n✓ Configuration created\n\n⚠️ Authentication Required:\nDevLink needs your Webflow site ID and API token.\n\nRun: webflow auth login\nThis will create a .env file with:\n- WEBFLOW_SITE_ID\n- WEBFLOW_SITE_API_TOKEN\n\nAfter authentication, run sync again.\n```\n\n### Example 2: First Sync After Configuration\n\n**User prompt:**\n```\nRun the DevLink sync\n```\n\n**Step 1: Verification**\n```\n🔍 DevLink Sync Check\n\nChecking configuration...\n✓ webflow.json found with devlink config\n✓ Root directory: .\u002Fsrc\u002Fdevlink\n✓ CSS modules: enabled\n✓ File extensions: tsx\n\nChecking authentication...\n✓ .env found with WEBFLOW_SITE_ID and WEBFLOW_SITE_API_TOKEN\n\nReady to sync components from Webflow.\n```\n\n**Step 2: Sync Execution**\n```\n🔄 Syncing Components\n\nExecuting: webflow devlink sync\n\nOutput:\n✓ Connecting to Webflow site\n✓ Fetching components\n✓ Exporting components to .\u002Fsrc\u002Fdevlink\n✓ Generating React components\n✓ Creating CSS module files\n✓ Creating index file\n\nSync complete!\n\n📁 Generated Files:\n.\u002Fsrc\u002Fdevlink\u002F\n├── index.ts (module exports)\n├── Navigation.tsx (component)\n├── Navigation.module.css (styles)\n├── Hero.tsx (component)\n├── Hero.module.css (styles)\n├── Footer.tsx (component)\n├── Footer.module.css (styles)\n└── _webflow-style.css (global styles)\n\n📊 Sync Summary:\n- Components synced: 3\n- Files created: 8\n- Total size: 45 KB\n```\n\n**Step 3: Integration Guidance**\n```\n✅ DevLink Sync Complete!\n\n📋 Components Available:\n1. Navigation\n2. Hero\n3. Footer\n\n💡 How to Use:\n\nImport components in your Next.js pages:\n```tsx\nimport { Navigation, Hero, Footer } from '.\u002Fsrc\u002Fdevlink'\n\nexport default function Home() {\n  return (\n    \u003C>\n      \u003CNavigation \u002F>\n      \u003CHero \u002F>\n      \u003CFooter \u002F>\n    \u003C\u002F>\n  )\n}\n```\n\nGlobal Styles:\nImport the global DevLink styles in your _app.tsx or layout:\n```tsx\nimport '..\u002Fsrc\u002Fdevlink\u002F_webflow-style.css'\n```\n\n📦 No additional dependencies required!\nDevLink components use only React (already in your project).\n\n🔄 Future Updates:\nRun `webflow devlink sync` again to pull latest design changes.\n```\n\n### Example 3: Update Existing Sync\n\n**User prompt:**\n```\nSync latest changes from Webflow\n```\n\n**Step 1: Pre-Sync State**\n```\n🔍 DevLink Update Check\n\nCurrent state:\n✓ Configuration: .\u002Fsrc\u002Fdevlink\n✓ Existing components: 3 (Navigation, Hero, Footer)\n✓ Last sync: 2 days ago\n\nCapturing current state for comparison...\n✓ Baseline captured\n```\n\n**Step 2: Sync**\n```\n🔄 Syncing Updates\n\nExecuting: webflow devlink sync\n\nOutput:\n✓ Connecting to Webflow site\n✓ Fetching components\n✓ Detecting changes\n✓ Updating components\n✓ Regenerating files\n\nSync complete!\n```\n\n**Step 3: Diff Analysis**\n```\n📊 Sync Analysis\n\nChanges detected:\n\nModified Components:\n1. Navigation.tsx\n   - Added new \"Contact\" link\n   - Updated styles for mobile view\n\n2. Hero.tsx\n   - Changed heading text\n   - Updated button styling\n\nNew Components:\n3. CallToAction.tsx (new)\n   - New CTA section added\n\nUnchanged:\n- Footer.tsx\n\n📁 Files Updated:\n- .\u002Fsrc\u002Fdevlink\u002FNavigation.tsx (modified)\n- .\u002Fsrc\u002Fdevlink\u002FNavigation.module.css (modified)\n- .\u002Fsrc\u002Fdevlink\u002FHero.tsx (modified)\n- .\u002Fsrc\u002Fdevlink\u002FHero.module.css (modified)\n- .\u002Fsrc\u002Fdevlink\u002FCallToAction.tsx (new)\n- .\u002Fsrc\u002Fdevlink\u002FCallToAction.module.css (new)\n- .\u002Fsrc\u002Fdevlink\u002Findex.ts (updated exports)\n\n✅ 3 components updated, 1 new component added\n\n💡 New Component Available:\n```tsx\nimport { CallToAction } from '.\u002Fsrc\u002Fdevlink'\n\n\u003CCallToAction \u002F>\n```\n```\n\n### Example 4: Sync Specific Components\n\n**User prompt:**\n```\nOnly sync the navigation component from Webflow\n```\n\n**Configuration Update:**\n```\n📋 Filtering Components\n\nTo sync only specific components, update webflow.json:\n\nCurrent configuration:\n{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fsrc\u002Fdevlink\",\n    \"cssModules\": true,\n    \"fileExtensions\": {\n      \"js\": \"tsx\"\n    }\n  }\n}\n\nAdd components regex pattern:\n{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fsrc\u002Fdevlink\",\n    \"cssModules\": true,\n    \"fileExtensions\": {\n      \"js\": \"tsx\"\n    },\n    \"components\": \"Navigation\"     \u002F\u002F Regex pattern to match\n  }\n}\n\nPattern options:\n- \"Navigation\" - Only Navigation component\n- \"Nav.*\" - All components starting with \"Nav\"\n- \"Navigation|Footer\" - Multiple specific components\n- \".*\" - All components (default)\n\nUpdate webflow.json? (yes\u002Fno)\n```\n\n*User confirms: yes*\n\n```\n✓ Configuration updated\n\nSyncing with filter: \"Navigation\"\n\nExecuting: webflow devlink sync\n\nOutput:\n✓ Connecting to Webflow site\n✓ Fetching components\n✓ Applying filter: Navigation\n✓ Exporting 1 component\n\n📁 Generated:\n.\u002Fsrc\u002Fdevlink\u002F\n├── index.ts\n├── Navigation.tsx\n└── Navigation.module.css\n\n✅ Synced 1 component (Navigation only)\n```\n\n### Example 5: Override Site ID and Token\n\n**User prompt:**\n```\nSync from a different Webflow site\n```\n\n**Response:**\n```\n🔄 Sync from Different Site\n\nTo sync from a different site, use --site-id and --api-token options.\n\nGet credentials:\n1. Go to Webflow site settings\n2. Get Site ID\n3. Generate API token (if needed)\n\nSync command:\n```bash\nwebflow devlink sync --site-id \u003CSITE_ID> --api-token \u003CAPI_TOKEN>\n```\n\nExample:\n```bash\nwebflow devlink sync \\\n  --site-id 5f8a9b2c3d4e5f6g7h8i9j0k \\\n  --api-token wfp_1234567890abcdef\n```\n\nThis overrides the .env file values for this sync only.\n\n⚠️ Note: You can also:\n1. Update .env file with new WEBFLOW_SITE_ID and WEBFLOW_SITE_API_TOKEN\n2. Or maintain multiple .env files (.env.site1, .env.site2)\n3. Then run: webflow devlink sync (uses .env)\n\nProceed with override? (yes\u002Fno)\n```\n\n### Example 6: TypeScript Configuration\n\n**User prompt:**\n```\nSet up DevLink with TypeScript\n```\n\n**Response:**\n```\n📋 DevLink TypeScript Configuration\n\nFor TypeScript projects, configure file extensions:\n\nwebflow.json:\n{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fsrc\u002Fdevlink\",\n    \"cssModules\": true,\n    \"fileExtensions\": {\n      \"js\": \"tsx\"        \u002F\u002F Use .tsx for TypeScript\n    }\n  }\n}\n\nBenefits:\n✓ Type-safe components\n✓ Better IDE support\n✓ Auto-completion\n✓ Compile-time error checking\n\nAfter sync, components will be generated as:\n- Navigation.tsx (instead of .jsx)\n- Hero.tsx\n- Footer.tsx\n\nUsage with TypeScript:\n```tsx\nimport { Navigation } from '@\u002Fsrc\u002Fdevlink'\n\nexport default function Layout({ children }: { children: React.ReactNode }) {\n  return (\n    \u003Cdiv>\n      \u003CNavigation \u002F>\n      {children}\n    \u003C\u002Fdiv>\n  )\n}\n```\n\nReady to sync? (yes\u002Fno)\n```\n\n## Guidelines\n\n### Phase 1: CLI Verification\n\n**Installation Check:**\n```bash\n# Check if CLI is installed\nwebflow --version\n\n# If not installed, guide user:\nnpm install -g @webflow\u002Fwebflow-cli\n```\n\n**Authentication Check:**\n```bash\n# Site authentication creates .env file\n# Check for:\ncat .env\n\n# Should contain:\n# WEBFLOW_SITE_ID=your-site-id\n# WEBFLOW_SITE_API_TOKEN=your-token\n\n# If missing, authenticate:\nwebflow auth login\n```\n\n### Phase 2: Configuration\n\n**webflow.json DevLink Schema:**\n```json\n{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fdevlink\",\n    \"cssModules\": true,\n    \"fileExtensions\": {\n      \"js\": \"jsx\"\n    }\n  }\n}\n```\n\n**All Configuration Options:**\n\n| Option | Description | Default | Required |\n|--------|-------------|---------|----------|\n| `host` | Webflow API host URL | `https:\u002F\u002Fapi.webflow.com` | No |\n| `rootDir` | Directory to export components into | `.\u002Fdevlink` | Yes |\n| `siteId` | Webflow site ID | `process.env.WEBFLOW_SITE_ID` | No |\n| `authToken` | Webflow API authentication token | `process.env.WEBFLOW_SITE_API_TOKEN` | No |\n| `cssModules` | Enable CSS modules for component styles | `true` | No |\n| `allowTelemetry` | Allow anonymous usage analytics | `true` | No |\n| `envVariables` | Inject environment variables into exported components | `{}` | No |\n| `components` | Regex pattern to match components to export | `.*` | No |\n| `overwriteModule` | Whether to overwrite the module file | `true` | No |\n| `fileExtensions` | File extensions for exported components | `{ js: \".js\", css: \".css\" }` | No |\n| `skipTagSelectors` | Exclude tag\u002FID\u002Fattribute selectors from global CSS | `false` | No |\n| `relativeHrefRoot` | Control how relative `href` attributes are resolved | `\u002F` | No |\n\n**Common Configurations:**\n\n**React with JavaScript:**\n```json\n{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fsrc\u002Fcomponents\u002Fwebflow\",\n    \"cssModules\": true,\n    \"fileExtensions\": {\n      \"js\": \"jsx\"\n    }\n  }\n}\n```\n\n**Next.js with TypeScript:**\n```json\n{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fsrc\u002Fdevlink\",\n    \"cssModules\": true,\n    \"fileExtensions\": {\n      \"js\": \"tsx\"\n    }\n  }\n}\n```\n\n**Sync Specific Components:**\n```json\n{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fsrc\u002Fdevlink\",\n    \"cssModules\": true,\n    \"components\": \"Navigation|Hero|Footer\"\n  }\n}\n```\n\n### Phase 3: Sync Command\n\n**Basic Sync:**\n```bash\n# Uses webflow.json config and .env credentials\nwebflow devlink sync\n```\n\n**Sync with Options:**\n```bash\n# Override site ID\nwebflow devlink sync --site-id 5f8a9b2c3d4e5f6g7h8i9j0k\n\n# Override API token\nwebflow devlink sync --api-token wfp_1234567890abcdef\n\n# Override both\nwebflow devlink sync \\\n  --site-id 5f8a9b2c3d4e5f6g7h8i9j0k \\\n  --api-token wfp_1234567890abcdef\n\n# Short flags\nwebflow devlink sync -s \u003Csite-id> -t \u003Capi-token>\n```\n\n**Sync Options:**\n- `--api-token` \u002F `-t`: The API token to use, overriding the `.env` file\n- `--site-id` \u002F `-s`: The site ID to sync from, overriding the `.env` file\n\n### Phase 4: Generated Files\n\n**Directory Structure:**\nAfter sync, rootDir contains:\n```\n.\u002Fdevlink\u002F\n├── index.ts                  \u002F\u002F Module exports\n├── ComponentName.tsx         \u002F\u002F Component file\n├── ComponentName.module.css  \u002F\u002F Component styles (if cssModules: true)\n├── AnotherComponent.tsx\n├── AnotherComponent.module.css\n└── _webflow-style.css        \u002F\u002F Global Webflow styles\n```\n\n**Component Structure:**\nGenerated components are React functional components:\n```tsx\nimport React from 'react'\nimport styles from '.\u002FComponentName.module.css'\n\nexport function ComponentName() {\n  return (\n    \u003Cdiv className={styles.container}>\n      {\u002F* Component markup *\u002F}\n    \u003C\u002Fdiv>\n  )\n}\n```\n\n**Index File:**\nExports all components for easy importing:\n```ts\nexport { ComponentName } from '.\u002FComponentName'\nexport { AnotherComponent } from '.\u002FAnotherComponent'\n```\n\n### Error Handling\n\n**CLI Not Installed:**\n```\n❌ Webflow CLI Not Found\n\nThe Webflow CLI is required for DevLink.\n\nInstallation:\nnpm install -g @webflow\u002Fwebflow-cli\n\nAfter installation, verify:\nwebflow --version\n\nDocumentation: https:\u002F\u002Fdevelopers.webflow.com\u002Fcli\n```\n\n**Not Authenticated:**\n```\n❌ Not Authenticated\n\nDevLink needs authentication to access your Webflow site.\n\nSteps:\n1. Run: webflow auth login\n2. Follow authentication prompts in browser\n3. Select your site when prompted\n4. Verify: .env file created with:\n   - WEBFLOW_SITE_ID\n   - WEBFLOW_SITE_API_TOKEN\n5. Retry sync\n\nNeed help? https:\u002F\u002Fdevelopers.webflow.com\u002Fcli\u002Fauthentication\n```\n\n**No Configuration:**\n```\n❌ DevLink Not Configured\n\nNo webflow.json with devlink configuration found.\n\nCreate webflow.json in project root:\n{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fdevlink\",\n    \"cssModules\": true,\n    \"fileExtensions\": {\n      \"js\": \"jsx\"  \u002F\u002F or \"tsx\" for TypeScript\n    }\n  }\n}\n\nRequired fields:\n- rootDir: Where to export components\n\nAfter configuration, run: webflow devlink sync\n```\n\n**Sync Failures:**\n```\n❌ Sync Failed\n\nError: [Specific error from CLI]\n\nCommon Causes:\n- Network connection issues\n- Invalid site ID or API token\n- Insufficient permissions\n- Site has no components to export\n\nSolutions:\n1. Check internet connection\n2. Verify credentials in .env\n3. Check site permissions in Webflow\n4. Ensure site has published components\n5. Try: webflow devlink sync --site-id \u003Cid> --api-token \u003Ctoken>\n\nRetry sync? (yes\u002Fno)\n```\n\n**Invalid Site ID:**\n```\n❌ Invalid Site ID\n\nThe provided site ID is invalid or inaccessible.\n\nCheck:\n1. Verify WEBFLOW_SITE_ID in .env\n2. Ensure you have access to the site\n3. Check site ID in Webflow dashboard\n\nGet site ID:\n1. Open site in Webflow\n2. Go to Site Settings\n3. Find Site ID in General tab\n\nUpdate .env and retry sync.\n```\n\n### File Operations\n\n**Reading Files:**\nAlways use Read tool (never modify):\n```\n# View DevLink configuration\nRead: webflow.json\n\n# View environment\nRead: .env\n\n# View generated component\nRead: .\u002Fdevlink\u002FNavigation.tsx\n\n# View generated styles\nRead: .\u002Fdevlink\u002FNavigation.module.css\n```\n\n**Discovering Files:**\nUse Glob tool to find files:\n```\n# Find all generated components\nGlob: .\u002Fdevlink\u002F**\u002F*.tsx\n\n# Find all CSS modules\nGlob: .\u002Fdevlink\u002F**\u002F*.module.css\n\n# Find configuration\nGlob: webflow.json\n```\n\n**Never Use Write\u002FEdit Tools:**\n- Don't create webflow.json with Write (show user the structure)\n- Don't modify generated components\n- Let CLI handle file generation\n- Only read files to show content and diffs\n\n### Progress Indicators\n\n**For Sync:**\n```\n🔄 Syncing Components...\n\nConnecting to Webflow... ✓\nFetching components... ✓\nGenerating React code... ⏳\nCreating CSS modules... ⏳\n\nProcessed: 3\u002F5 components\nElapsed: 8s\n```\n\n### Best Practices\n\n**Configuration:**\n- Keep webflow.json in project root\n- Use TypeScript (.tsx) for better type safety\n- Enable CSS modules for scoped styling\n- Use specific component regex patterns for large sites\n\n**Development Workflow:**\n1. Design in Webflow Designer\n2. Publish changes\n3. Run `webflow devlink sync`\n4. Review diffs before integrating\n5. Test components in your app\n\n**Integration:**\n- Import global styles (_webflow-style.css) in app entry point\n- Import components where needed\n- Don't modify generated files (will be overwritten)\n- Wrap DevLink components if customization needed\n\n**Version Control:**\n- Commit webflow.json\n- Add .env to .gitignore\n- Commit generated devlink\u002F directory (or add to .gitignore)\n- Document last sync timestamp\n\n**Multiple Sites:**\n- Use different rootDir for each site\n- Or use `components` pattern to filter\n- Override credentials with --site-id and --api-token\n- Maintain separate .env files\n\n## Quick Reference\n\n**Workflow:** configure webflow.json → authenticate → sync\n\n**Key Commands:**\n- `webflow devlink sync` - Sync components from Webflow\n- `webflow devlink sync -s \u003Cid> -t \u003Ctoken>` - Sync with overrides\n\n**Sync Options:**\n- `-s` \u002F `--site-id` - Override site ID\n- `-t` \u002F `--api-token` - Override API token\n\n**Configuration:** webflow.json with devlink section\n\n**Schema (Required):**\n```json\n{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fdevlink\"  \u002F\u002F Required\n  }\n}\n```\n\n**Schema (Common):**\n```json\n{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fdevlink\",\n    \"cssModules\": true,\n    \"fileExtensions\": {\n      \"js\": \"jsx\"  \u002F\u002F or \"tsx\"\n    }\n  }\n}\n```\n\n**Authentication:** Site authentication via `webflow auth login`\n\n**Environment:** WEBFLOW_SITE_ID and WEBFLOW_SITE_API_TOKEN in .env\n\n**Verification:** Check `webflow --version` and site authentication first\n\n**Generated Files:** React components in rootDir with CSS modules\n\n**Documentation:** https:\u002F\u002Fdevelopers.webflow.com\u002Fdevlink\n",{"data":41,"body":42},{"name":5,"description":7},{"type":43,"children":44},"root",[45,54,60,67,76,139,147,189,195,202,260,266,390,396,510,516,600,606,649,655,661,669,681,689,698,707,715,724,732,741,747,754,763,771,780,788,797,805,814,819,857,862,874,883,888,897,902,907,912,921,926,931,936,941,950,955,960,965,1004,1009,1017,1022,1030,1035,1073,1078,1083,1161,1170,1175,1184,1189,1194,1199,1204,1209,1232,1237,1246,1251,1256,1260,1265,1270,1275,1284,1289,1298,1303,1308,1313,1331,1336,1411,1416,1473,1478,1483,1501,1506,1515,1520,1528,1533,1538,1543,1548,1553,1569,1574,1806,1811,1820,1828,1928,1934,1942,2129,2137,2538,2546,2554,2725,2733,2903,2911,3052,3058,3066,3097,3105,3320,3328,3378,3384,3394,3403,3413,3606,3616,3698,3704,3712,3721,3729,3738,3746,3755,3763,3772,3780,3789,3795,3805,3814,3824,3833,3841,3864,3870,3878,3887,3893,3901,3924,3932,3965,3973,3996,4004,4027,4035,4065,4071,4081,4089,4113,4120,4155,4164,4172,4259,4267,4442,4457,4467,4484,4494,4512],{"type":46,"tag":47,"props":48,"children":50},"element","h1",{"id":49},"devlink",[51],{"type":52,"value":53},"text","DevLink",{"type":46,"tag":55,"props":56,"children":57},"p",{},[58],{"type":52,"value":59},"Export and sync Webflow Designer components to React\u002FNext.js code with validation, diffs, and integration guidance.",{"type":46,"tag":61,"props":62,"children":64},"h2",{"id":63},"important-note",[65],{"type":52,"value":66},"Important Note",{"type":46,"tag":55,"props":68,"children":69},{},[70],{"type":46,"tag":71,"props":72,"children":73},"strong",{},[74],{"type":52,"value":75},"ALWAYS use Bash tool for all Webflow CLI operations:",{"type":46,"tag":77,"props":78,"children":79},"ul",{},[80,95,100,105,116,129,134],{"type":46,"tag":81,"props":82,"children":83},"li",{},[84,86,93],{"type":52,"value":85},"Execute ",{"type":46,"tag":87,"props":88,"children":90},"code",{"className":89},[],[91],{"type":52,"value":92},"webflow devlink sync",{"type":52,"value":94}," via Bash tool",{"type":46,"tag":81,"props":96,"children":97},{},[98],{"type":52,"value":99},"Use Read tool to examine synced files and webflow.json (never modify)",{"type":46,"tag":81,"props":101,"children":102},{},[103],{"type":52,"value":104},"Use Glob tool to discover generated components",{"type":46,"tag":81,"props":106,"children":107},{},[108,110],{"type":52,"value":109},"Verify CLI installation: ",{"type":46,"tag":87,"props":111,"children":113},{"className":112},[],[114],{"type":52,"value":115},"webflow --version",{"type":46,"tag":81,"props":117,"children":118},{},[119,121,127],{"type":52,"value":120},"Check authentication: Use ",{"type":46,"tag":87,"props":122,"children":124},{"className":123},[],[125],{"type":52,"value":126},"webflow auth login",{"type":52,"value":128}," for site authentication",{"type":46,"tag":81,"props":130,"children":131},{},[132],{"type":52,"value":133},"DO NOT use Webflow MCP tools for CLI workflows",{"type":46,"tag":81,"props":135,"children":136},{},[137],{"type":52,"value":138},"All CLI commands require proper descriptions (not context parameters)",{"type":46,"tag":55,"props":140,"children":141},{},[142],{"type":46,"tag":71,"props":143,"children":144},{},[145],{"type":52,"value":146},"Package Manager Detection:",{"type":46,"tag":77,"props":148,"children":149},{},[150,179,184],{"type":46,"tag":81,"props":151,"children":152},{},[153,155,161,163,169,171,177],{"type":52,"value":154},"Check for lock files: ",{"type":46,"tag":87,"props":156,"children":158},{"className":157},[],[159],{"type":52,"value":160},"package-lock.json",{"type":52,"value":162}," (npm), ",{"type":46,"tag":87,"props":164,"children":166},{"className":165},[],[167],{"type":52,"value":168},"pnpm-lock.yaml",{"type":52,"value":170}," (pnpm), ",{"type":46,"tag":87,"props":172,"children":174},{"className":173},[],[175],{"type":52,"value":176},"yarn.lock",{"type":52,"value":178}," (yarn)",{"type":46,"tag":81,"props":180,"children":181},{},[182],{"type":52,"value":183},"If no lock file found, ask user which package manager to use (npm\u002Fpnpm\u002Fyarn)",{"type":46,"tag":81,"props":185,"children":186},{},[187],{"type":52,"value":188},"Use detected package manager for all install\u002Fbuild commands",{"type":46,"tag":61,"props":190,"children":192},{"id":191},"instructions",[193],{"type":52,"value":194},"Instructions",{"type":46,"tag":196,"props":197,"children":199},"h3",{"id":198},"phase-1-environment-verification",[200],{"type":52,"value":201},"Phase 1: Environment Verification",{"type":46,"tag":203,"props":204,"children":205},"ol",{},[206,223,240,250],{"type":46,"tag":81,"props":207,"children":208},{},[209,214,216,221],{"type":46,"tag":71,"props":210,"children":211},{},[212],{"type":52,"value":213},"Verify CLI installed",{"type":52,"value":215},": Run ",{"type":46,"tag":87,"props":217,"children":219},{"className":218},[],[220],{"type":52,"value":115},{"type":52,"value":222}," to confirm CLI is installed",{"type":46,"tag":81,"props":224,"children":225},{},[226,231,233,238],{"type":46,"tag":71,"props":227,"children":228},{},[229],{"type":52,"value":230},"Check authentication",{"type":52,"value":232},": Verify site authentication (created via ",{"type":46,"tag":87,"props":234,"children":236},{"className":235},[],[237],{"type":52,"value":126},{"type":52,"value":239},")",{"type":46,"tag":81,"props":241,"children":242},{},[243,248],{"type":46,"tag":71,"props":244,"children":245},{},[246],{"type":52,"value":247},"Discover project state",{"type":52,"value":249},": Check if webflow.json exists with devlink configuration",{"type":46,"tag":81,"props":251,"children":252},{},[253,258],{"type":46,"tag":71,"props":254,"children":255},{},[256],{"type":52,"value":257},"Identify target framework",{"type":52,"value":259},": Determine if React, Next.js, or other",{"type":46,"tag":196,"props":261,"children":263},{"id":262},"phase-2-devlink-configuration",[264],{"type":52,"value":265},"Phase 2: DevLink Configuration",{"type":46,"tag":203,"props":267,"children":269},{"start":268},5,[270,288,339,380],{"type":46,"tag":81,"props":271,"children":272},{},[273,278,280,286],{"type":46,"tag":71,"props":274,"children":275},{},[276],{"type":52,"value":277},"Check for existing config",{"type":52,"value":279},": Look for ",{"type":46,"tag":87,"props":281,"children":283},{"className":282},[],[284],{"type":52,"value":285},"webflow.json",{"type":52,"value":287}," with devlink section",{"type":46,"tag":81,"props":289,"children":290},{},[291,296,298],{"type":46,"tag":71,"props":292,"children":293},{},[294],{"type":52,"value":295},"Read configuration",{"type":52,"value":297},": If exists, show current devlink settings:\n",{"type":46,"tag":77,"props":299,"children":300},{},[301,312,323,334],{"type":46,"tag":81,"props":302,"children":303},{},[304,310],{"type":46,"tag":87,"props":305,"children":307},{"className":306},[],[308],{"type":52,"value":309},"rootDir",{"type":52,"value":311},": Directory to export components into",{"type":46,"tag":81,"props":313,"children":314},{},[315,321],{"type":46,"tag":87,"props":316,"children":318},{"className":317},[],[319],{"type":52,"value":320},"cssModules",{"type":52,"value":322},": Whether to use CSS modules",{"type":46,"tag":81,"props":324,"children":325},{},[326,332],{"type":46,"tag":87,"props":327,"children":329},{"className":328},[],[330],{"type":52,"value":331},"fileExtensions",{"type":52,"value":333},": File extensions for generated files",{"type":46,"tag":81,"props":335,"children":336},{},[337],{"type":52,"value":338},"Other configuration options",{"type":46,"tag":81,"props":340,"children":341},{},[342,347,349],{"type":46,"tag":71,"props":343,"children":344},{},[345],{"type":52,"value":346},"Ask operation type",{"type":52,"value":348},": Clarify what user wants to do:\n",{"type":46,"tag":77,"props":350,"children":351},{},[352,357,362,375],{"type":46,"tag":81,"props":353,"children":354},{},[355],{"type":52,"value":356},"Configure DevLink for first time",{"type":46,"tag":81,"props":358,"children":359},{},[360],{"type":52,"value":361},"Sync all components",{"type":46,"tag":81,"props":363,"children":364},{},[365,367,373],{"type":52,"value":366},"Sync specific components (using ",{"type":46,"tag":87,"props":368,"children":370},{"className":369},[],[371],{"type":52,"value":372},"components",{"type":52,"value":374}," regex pattern)",{"type":46,"tag":81,"props":376,"children":377},{},[378],{"type":52,"value":379},"Update existing sync",{"type":46,"tag":81,"props":381,"children":382},{},[383,388],{"type":46,"tag":71,"props":384,"children":385},{},[386],{"type":52,"value":387},"Store baseline",{"type":52,"value":389}," (if updating): Use Read tool to capture current files before sync",{"type":46,"tag":196,"props":391,"children":393},{"id":392},"phase-3-sync-execution",[394],{"type":52,"value":395},"Phase 3: Sync Execution",{"type":46,"tag":203,"props":397,"children":399},{"start":398},9,[400,457,467,477],{"type":46,"tag":81,"props":401,"children":402},{},[403,408,410,415,417],{"type":46,"tag":71,"props":404,"children":405},{},[406],{"type":52,"value":407},"Run sync command",{"type":52,"value":409},": Execute ",{"type":46,"tag":87,"props":411,"children":413},{"className":412},[],[414],{"type":52,"value":92},{"type":52,"value":416}," with options:\n",{"type":46,"tag":77,"props":418,"children":419},{},[420,439],{"type":46,"tag":81,"props":421,"children":422},{},[423,429,431,437],{"type":46,"tag":87,"props":424,"children":426},{"className":425},[],[427],{"type":52,"value":428},"--api-token",{"type":52,"value":430}," or ",{"type":46,"tag":87,"props":432,"children":434},{"className":433},[],[435],{"type":52,"value":436},"-t",{"type":52,"value":438},": Override API token from .env",{"type":46,"tag":81,"props":440,"children":441},{},[442,448,449,455],{"type":46,"tag":87,"props":443,"children":445},{"className":444},[],[446],{"type":52,"value":447},"--site-id",{"type":52,"value":430},{"type":46,"tag":87,"props":450,"children":452},{"className":451},[],[453],{"type":52,"value":454},"-s",{"type":52,"value":456},": Override site ID from .env",{"type":46,"tag":81,"props":458,"children":459},{},[460,465],{"type":46,"tag":71,"props":461,"children":462},{},[463],{"type":52,"value":464},"Monitor sync progress",{"type":52,"value":466},": Show CLI output and sync status",{"type":46,"tag":81,"props":468,"children":469},{},[470,475],{"type":46,"tag":71,"props":471,"children":472},{},[473],{"type":52,"value":474},"Capture sync results",{"type":52,"value":476},": Record files created\u002Fmodified in rootDir",{"type":46,"tag":81,"props":478,"children":479},{},[480,485,487],{"type":46,"tag":71,"props":481,"children":482},{},[483],{"type":52,"value":484},"Validate generated code",{"type":52,"value":486},":\n",{"type":46,"tag":77,"props":488,"children":489},{},[490,495,500,505],{"type":46,"tag":81,"props":491,"children":492},{},[493],{"type":52,"value":494},"Check for TypeScript errors (if using TS)",{"type":46,"tag":81,"props":496,"children":497},{},[498],{"type":52,"value":499},"Verify import statements",{"type":46,"tag":81,"props":501,"children":502},{},[503],{"type":52,"value":504},"Confirm component exports",{"type":46,"tag":81,"props":506,"children":507},{},[508],{"type":52,"value":509},"Check CSS module references",{"type":46,"tag":196,"props":511,"children":513},{"id":512},"phase-4-analysis-diff-preview",[514],{"type":52,"value":515},"Phase 4: Analysis & Diff Preview",{"type":46,"tag":203,"props":517,"children":519},{"start":518},13,[520,548,558,590],{"type":46,"tag":81,"props":521,"children":522},{},[523,528,530],{"type":46,"tag":71,"props":524,"children":525},{},[526],{"type":52,"value":527},"Compare before\u002Fafter",{"type":52,"value":529},": Show what changed:\n",{"type":46,"tag":77,"props":531,"children":532},{},[533,538,543],{"type":46,"tag":81,"props":534,"children":535},{},[536],{"type":52,"value":537},"New files created in rootDir",{"type":46,"tag":81,"props":539,"children":540},{},[541],{"type":52,"value":542},"Existing files modified",{"type":46,"tag":81,"props":544,"children":545},{},[546],{"type":52,"value":547},"Components added or updated",{"type":46,"tag":81,"props":549,"children":550},{},[551,556],{"type":46,"tag":71,"props":552,"children":553},{},[554],{"type":52,"value":555},"Show file diffs",{"type":52,"value":557},": Display key changes for modified files",{"type":46,"tag":81,"props":559,"children":560},{},[561,566,567],{"type":46,"tag":71,"props":562,"children":563},{},[564],{"type":52,"value":565},"Analyze component structure",{"type":52,"value":486},{"type":46,"tag":77,"props":568,"children":569},{},[570,575,580,585],{"type":46,"tag":81,"props":571,"children":572},{},[573],{"type":52,"value":574},"Component count",{"type":46,"tag":81,"props":576,"children":577},{},[578],{"type":52,"value":579},"New components added",{"type":46,"tag":81,"props":581,"children":582},{},[583],{"type":52,"value":584},"Updated components",{"type":46,"tag":81,"props":586,"children":587},{},[588],{"type":52,"value":589},"CSS files generated",{"type":46,"tag":81,"props":591,"children":592},{},[593,598],{"type":46,"tag":71,"props":594,"children":595},{},[596],{"type":52,"value":597},"List dependencies",{"type":52,"value":599},": Show what needs to be imported",{"type":46,"tag":196,"props":601,"children":603},{"id":602},"phase-5-integration-guidance",[604],{"type":52,"value":605},"Phase 5: Integration Guidance",{"type":46,"tag":203,"props":607,"children":608},{"start":31},[609,619,629,639],{"type":46,"tag":81,"props":610,"children":611},{},[612,617],{"type":46,"tag":71,"props":613,"children":614},{},[615],{"type":52,"value":616},"Provide import statements",{"type":52,"value":618},": Show exact code to import components",{"type":46,"tag":81,"props":620,"children":621},{},[622,627],{"type":46,"tag":71,"props":623,"children":624},{},[625],{"type":52,"value":626},"Show usage examples",{"type":52,"value":628},": Demonstrate how to use each component",{"type":46,"tag":81,"props":630,"children":631},{},[632,637],{"type":46,"tag":71,"props":633,"children":634},{},[635],{"type":52,"value":636},"Document sync timestamp",{"type":52,"value":638},": Record when sync occurred",{"type":46,"tag":81,"props":640,"children":641},{},[642,647],{"type":46,"tag":71,"props":643,"children":644},{},[645],{"type":52,"value":646},"Provide next steps",{"type":52,"value":648},": Guide user on testing and integration",{"type":46,"tag":61,"props":650,"children":652},{"id":651},"examples",[653],{"type":52,"value":654},"Examples",{"type":46,"tag":196,"props":656,"children":658},{"id":657},"example-1-first-time-devlink-setup",[659],{"type":52,"value":660},"Example 1: First-Time DevLink Setup",{"type":46,"tag":55,"props":662,"children":663},{},[664],{"type":46,"tag":71,"props":665,"children":666},{},[667],{"type":52,"value":668},"User prompt:",{"type":46,"tag":670,"props":671,"children":675},"pre",{"className":672,"code":674,"language":52},[673],"language-text","Sync my Webflow components to my Next.js project\n",[676],{"type":46,"tag":87,"props":677,"children":679},{"__ignoreMap":678},"",[680],{"type":52,"value":674},{"type":46,"tag":55,"props":682,"children":683},{},[684],{"type":46,"tag":71,"props":685,"children":686},{},[687],{"type":52,"value":688},"Step 1: Environment Verification",{"type":46,"tag":670,"props":690,"children":693},{"className":691,"code":692,"language":52},[673],"🔍 DevLink Environment Check\n\nChecking CLI installation...\n✓ Webflow CLI installed: v1.5.2\n\nCurrent directory: \u002FUsers\u002Fuser\u002Fprojects\u002Fmy-nextjs-app\nFramework detected: Next.js 14\n\nChecking for DevLink configuration...\n⚠️ No webflow.json with devlink configuration found\n\nThis appears to be your first DevLink sync.\nReady to configure? (yes\u002Fno)\n",[694],{"type":46,"tag":87,"props":695,"children":696},{"__ignoreMap":678},[697],{"type":52,"value":692},{"type":46,"tag":55,"props":699,"children":700},{},[701],{"type":46,"tag":702,"props":703,"children":704},"em",{},[705],{"type":52,"value":706},"User confirms: yes",{"type":46,"tag":55,"props":708,"children":709},{},[710],{"type":46,"tag":71,"props":711,"children":712},{},[713],{"type":52,"value":714},"Step 2: Configuration Setup",{"type":46,"tag":670,"props":716,"children":719},{"className":717,"code":718,"language":52},[673],"📋 DevLink Configuration\n\nDevLink syncs Webflow components to your local project as React code.\n\nConfiguration needed in webflow.json:\n\n{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fdevlink\",           \u002F\u002F Where to export components\n    \"cssModules\": true,                \u002F\u002F Use CSS modules\n    \"fileExtensions\": {\n      \"js\": \"jsx\"                      \u002F\u002F or \"tsx\" for TypeScript\n    }\n  }\n}\n\nI'll help you create this configuration.\n\nQuestions:\n1. Where should components be exported? (default: .\u002Fdevlink)\n2. Use TypeScript? (yes for tsx, no for jsx)\n3. Use CSS modules? (recommended: yes)\n",[720],{"type":46,"tag":87,"props":721,"children":722},{"__ignoreMap":678},[723],{"type":52,"value":718},{"type":46,"tag":55,"props":725,"children":726},{},[727],{"type":46,"tag":702,"props":728,"children":729},{},[730],{"type":52,"value":731},"User provides: .\u002Fsrc\u002Fdevlink, yes (TypeScript), yes (CSS modules)",{"type":46,"tag":670,"props":733,"children":736},{"className":734,"code":735,"language":52},[673],"Creating webflow.json configuration...\n\n{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fsrc\u002Fdevlink\",\n    \"cssModules\": true,\n    \"fileExtensions\": {\n      \"js\": \"tsx\"\n    }\n  }\n}\n\n✓ Configuration created\n\n⚠️ Authentication Required:\nDevLink needs your Webflow site ID and API token.\n\nRun: webflow auth login\nThis will create a .env file with:\n- WEBFLOW_SITE_ID\n- WEBFLOW_SITE_API_TOKEN\n\nAfter authentication, run sync again.\n",[737],{"type":46,"tag":87,"props":738,"children":739},{"__ignoreMap":678},[740],{"type":52,"value":735},{"type":46,"tag":196,"props":742,"children":744},{"id":743},"example-2-first-sync-after-configuration",[745],{"type":52,"value":746},"Example 2: First Sync After Configuration",{"type":46,"tag":55,"props":748,"children":749},{},[750],{"type":46,"tag":71,"props":751,"children":752},{},[753],{"type":52,"value":668},{"type":46,"tag":670,"props":755,"children":758},{"className":756,"code":757,"language":52},[673],"Run the DevLink sync\n",[759],{"type":46,"tag":87,"props":760,"children":761},{"__ignoreMap":678},[762],{"type":52,"value":757},{"type":46,"tag":55,"props":764,"children":765},{},[766],{"type":46,"tag":71,"props":767,"children":768},{},[769],{"type":52,"value":770},"Step 1: Verification",{"type":46,"tag":670,"props":772,"children":775},{"className":773,"code":774,"language":52},[673],"🔍 DevLink Sync Check\n\nChecking configuration...\n✓ webflow.json found with devlink config\n✓ Root directory: .\u002Fsrc\u002Fdevlink\n✓ CSS modules: enabled\n✓ File extensions: tsx\n\nChecking authentication...\n✓ .env found with WEBFLOW_SITE_ID and WEBFLOW_SITE_API_TOKEN\n\nReady to sync components from Webflow.\n",[776],{"type":46,"tag":87,"props":777,"children":778},{"__ignoreMap":678},[779],{"type":52,"value":774},{"type":46,"tag":55,"props":781,"children":782},{},[783],{"type":46,"tag":71,"props":784,"children":785},{},[786],{"type":52,"value":787},"Step 2: Sync Execution",{"type":46,"tag":670,"props":789,"children":792},{"className":790,"code":791,"language":52},[673],"🔄 Syncing Components\n\nExecuting: webflow devlink sync\n\nOutput:\n✓ Connecting to Webflow site\n✓ Fetching components\n✓ Exporting components to .\u002Fsrc\u002Fdevlink\n✓ Generating React components\n✓ Creating CSS module files\n✓ Creating index file\n\nSync complete!\n\n📁 Generated Files:\n.\u002Fsrc\u002Fdevlink\u002F\n├── index.ts (module exports)\n├── Navigation.tsx (component)\n├── Navigation.module.css (styles)\n├── Hero.tsx (component)\n├── Hero.module.css (styles)\n├── Footer.tsx (component)\n├── Footer.module.css (styles)\n└── _webflow-style.css (global styles)\n\n📊 Sync Summary:\n- Components synced: 3\n- Files created: 8\n- Total size: 45 KB\n",[793],{"type":46,"tag":87,"props":794,"children":795},{"__ignoreMap":678},[796],{"type":52,"value":791},{"type":46,"tag":55,"props":798,"children":799},{},[800],{"type":46,"tag":71,"props":801,"children":802},{},[803],{"type":52,"value":804},"Step 3: Integration Guidance",{"type":46,"tag":670,"props":806,"children":809},{"className":807,"code":808,"language":52},[673],"✅ DevLink Sync Complete!\n\n📋 Components Available:\n1. Navigation\n2. Hero\n3. Footer\n\n💡 How to Use:\n\nImport components in your Next.js pages:\n```tsx\nimport { Navigation, Hero, Footer } from '.\u002Fsrc\u002Fdevlink'\n\nexport default function Home() {\n  return (\n    \u003C>\n      \u003CNavigation \u002F>\n      \u003CHero \u002F>\n      \u003CFooter \u002F>\n    \u003C\u002F>\n  )\n}\n",[810],{"type":46,"tag":87,"props":811,"children":812},{"__ignoreMap":678},[813],{"type":52,"value":808},{"type":46,"tag":55,"props":815,"children":816},{},[817],{"type":52,"value":818},"Global Styles:\nImport the global DevLink styles in your _app.tsx or layout:",{"type":46,"tag":670,"props":820,"children":824},{"className":821,"code":822,"language":823,"meta":678,"style":678},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import '..\u002Fsrc\u002Fdevlink\u002F_webflow-style.css'\n","tsx",[825],{"type":46,"tag":87,"props":826,"children":827},{"__ignoreMap":678},[828],{"type":46,"tag":829,"props":830,"children":833},"span",{"class":831,"line":832},"line",1,[834,840,846,852],{"type":46,"tag":829,"props":835,"children":837},{"style":836},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[838],{"type":52,"value":839},"import",{"type":46,"tag":829,"props":841,"children":843},{"style":842},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[844],{"type":52,"value":845}," '",{"type":46,"tag":829,"props":847,"children":849},{"style":848},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[850],{"type":52,"value":851},"..\u002Fsrc\u002Fdevlink\u002F_webflow-style.css",{"type":46,"tag":829,"props":853,"children":854},{"style":842},[855],{"type":52,"value":856},"'\n",{"type":46,"tag":55,"props":858,"children":859},{},[860],{"type":52,"value":861},"📦 No additional dependencies required!\nDevLink components use only React (already in your project).",{"type":46,"tag":55,"props":863,"children":864},{},[865,867,872],{"type":52,"value":866},"🔄 Future Updates:\nRun ",{"type":46,"tag":87,"props":868,"children":870},{"className":869},[],[871],{"type":52,"value":92},{"type":52,"value":873}," again to pull latest design changes.",{"type":46,"tag":670,"props":875,"children":878},{"className":876,"code":877,"language":52},[673],"\n### Example 3: Update Existing Sync\n\n**User prompt:**\n",[879],{"type":46,"tag":87,"props":880,"children":881},{"__ignoreMap":678},[882],{"type":52,"value":877},{"type":46,"tag":55,"props":884,"children":885},{},[886],{"type":52,"value":887},"Sync latest changes from Webflow",{"type":46,"tag":670,"props":889,"children":892},{"className":890,"code":891,"language":52},[673],"\n**Step 1: Pre-Sync State**\n",[893],{"type":46,"tag":87,"props":894,"children":895},{"__ignoreMap":678},[896],{"type":52,"value":891},{"type":46,"tag":55,"props":898,"children":899},{},[900],{"type":52,"value":901},"🔍 DevLink Update Check",{"type":46,"tag":55,"props":903,"children":904},{},[905],{"type":52,"value":906},"Current state:\n✓ Configuration: .\u002Fsrc\u002Fdevlink\n✓ Existing components: 3 (Navigation, Hero, Footer)\n✓ Last sync: 2 days ago",{"type":46,"tag":55,"props":908,"children":909},{},[910],{"type":52,"value":911},"Capturing current state for comparison...\n✓ Baseline captured",{"type":46,"tag":670,"props":913,"children":916},{"className":914,"code":915,"language":52},[673],"\n**Step 2: Sync**\n",[917],{"type":46,"tag":87,"props":918,"children":919},{"__ignoreMap":678},[920],{"type":52,"value":915},{"type":46,"tag":55,"props":922,"children":923},{},[924],{"type":52,"value":925},"🔄 Syncing Updates",{"type":46,"tag":55,"props":927,"children":928},{},[929],{"type":52,"value":930},"Executing: webflow devlink sync",{"type":46,"tag":55,"props":932,"children":933},{},[934],{"type":52,"value":935},"Output:\n✓ Connecting to Webflow site\n✓ Fetching components\n✓ Detecting changes\n✓ Updating components\n✓ Regenerating files",{"type":46,"tag":55,"props":937,"children":938},{},[939],{"type":52,"value":940},"Sync complete!",{"type":46,"tag":670,"props":942,"children":945},{"className":943,"code":944,"language":52},[673],"\n**Step 3: Diff Analysis**\n",[946],{"type":46,"tag":87,"props":947,"children":948},{"__ignoreMap":678},[949],{"type":52,"value":944},{"type":46,"tag":55,"props":951,"children":952},{},[953],{"type":52,"value":954},"📊 Sync Analysis",{"type":46,"tag":55,"props":956,"children":957},{},[958],{"type":52,"value":959},"Changes detected:",{"type":46,"tag":55,"props":961,"children":962},{},[963],{"type":52,"value":964},"Modified Components:",{"type":46,"tag":203,"props":966,"children":967},{},[968,986],{"type":46,"tag":81,"props":969,"children":970},{},[971,973],{"type":52,"value":972},"Navigation.tsx",{"type":46,"tag":77,"props":974,"children":975},{},[976,981],{"type":46,"tag":81,"props":977,"children":978},{},[979],{"type":52,"value":980},"Added new \"Contact\" link",{"type":46,"tag":81,"props":982,"children":983},{},[984],{"type":52,"value":985},"Updated styles for mobile view",{"type":46,"tag":81,"props":987,"children":988},{},[989,991],{"type":52,"value":990},"Hero.tsx",{"type":46,"tag":77,"props":992,"children":993},{},[994,999],{"type":46,"tag":81,"props":995,"children":996},{},[997],{"type":52,"value":998},"Changed heading text",{"type":46,"tag":81,"props":1000,"children":1001},{},[1002],{"type":52,"value":1003},"Updated button styling",{"type":46,"tag":55,"props":1005,"children":1006},{},[1007],{"type":52,"value":1008},"New Components:\n3. CallToAction.tsx (new)",{"type":46,"tag":77,"props":1010,"children":1011},{},[1012],{"type":46,"tag":81,"props":1013,"children":1014},{},[1015],{"type":52,"value":1016},"New CTA section added",{"type":46,"tag":55,"props":1018,"children":1019},{},[1020],{"type":52,"value":1021},"Unchanged:",{"type":46,"tag":77,"props":1023,"children":1024},{},[1025],{"type":46,"tag":81,"props":1026,"children":1027},{},[1028],{"type":52,"value":1029},"Footer.tsx",{"type":46,"tag":55,"props":1031,"children":1032},{},[1033],{"type":52,"value":1034},"📁 Files Updated:",{"type":46,"tag":77,"props":1036,"children":1037},{},[1038,1043,1048,1053,1058,1063,1068],{"type":46,"tag":81,"props":1039,"children":1040},{},[1041],{"type":52,"value":1042},".\u002Fsrc\u002Fdevlink\u002FNavigation.tsx (modified)",{"type":46,"tag":81,"props":1044,"children":1045},{},[1046],{"type":52,"value":1047},".\u002Fsrc\u002Fdevlink\u002FNavigation.module.css (modified)",{"type":46,"tag":81,"props":1049,"children":1050},{},[1051],{"type":52,"value":1052},".\u002Fsrc\u002Fdevlink\u002FHero.tsx (modified)",{"type":46,"tag":81,"props":1054,"children":1055},{},[1056],{"type":52,"value":1057},".\u002Fsrc\u002Fdevlink\u002FHero.module.css (modified)",{"type":46,"tag":81,"props":1059,"children":1060},{},[1061],{"type":52,"value":1062},".\u002Fsrc\u002Fdevlink\u002FCallToAction.tsx (new)",{"type":46,"tag":81,"props":1064,"children":1065},{},[1066],{"type":52,"value":1067},".\u002Fsrc\u002Fdevlink\u002FCallToAction.module.css (new)",{"type":46,"tag":81,"props":1069,"children":1070},{},[1071],{"type":52,"value":1072},".\u002Fsrc\u002Fdevlink\u002Findex.ts (updated exports)",{"type":46,"tag":55,"props":1074,"children":1075},{},[1076],{"type":52,"value":1077},"✅ 3 components updated, 1 new component added",{"type":46,"tag":55,"props":1079,"children":1080},{},[1081],{"type":52,"value":1082},"💡 New Component Available:",{"type":46,"tag":670,"props":1084,"children":1086},{"className":821,"code":1085,"language":823,"meta":678,"style":678},"import { CallToAction } from '.\u002Fsrc\u002Fdevlink'\n\n\u003CCallToAction \u002F>\n",[1087],{"type":46,"tag":87,"props":1088,"children":1089},{"__ignoreMap":678},[1090,1131,1141],{"type":46,"tag":829,"props":1091,"children":1092},{"class":831,"line":832},[1093,1097,1102,1108,1113,1118,1122,1127],{"type":46,"tag":829,"props":1094,"children":1095},{"style":836},[1096],{"type":52,"value":839},{"type":46,"tag":829,"props":1098,"children":1099},{"style":842},[1100],{"type":52,"value":1101}," {",{"type":46,"tag":829,"props":1103,"children":1105},{"style":1104},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[1106],{"type":52,"value":1107}," CallToAction",{"type":46,"tag":829,"props":1109,"children":1110},{"style":842},[1111],{"type":52,"value":1112}," }",{"type":46,"tag":829,"props":1114,"children":1115},{"style":836},[1116],{"type":52,"value":1117}," from",{"type":46,"tag":829,"props":1119,"children":1120},{"style":842},[1121],{"type":52,"value":845},{"type":46,"tag":829,"props":1123,"children":1124},{"style":848},[1125],{"type":52,"value":1126},".\u002Fsrc\u002Fdevlink",{"type":46,"tag":829,"props":1128,"children":1129},{"style":842},[1130],{"type":52,"value":856},{"type":46,"tag":829,"props":1132,"children":1134},{"class":831,"line":1133},2,[1135],{"type":46,"tag":829,"props":1136,"children":1138},{"emptyLinePlaceholder":1137},true,[1139],{"type":52,"value":1140},"\n",{"type":46,"tag":829,"props":1142,"children":1144},{"class":831,"line":1143},3,[1145,1150,1156],{"type":46,"tag":829,"props":1146,"children":1147},{"style":842},[1148],{"type":52,"value":1149},"\u003C",{"type":46,"tag":829,"props":1151,"children":1153},{"style":1152},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[1154],{"type":52,"value":1155},"CallToAction",{"type":46,"tag":829,"props":1157,"children":1158},{"style":842},[1159],{"type":52,"value":1160}," \u002F>\n",{"type":46,"tag":670,"props":1162,"children":1165},{"className":1163,"code":1164,"language":52},[673],"\n### Example 4: Sync Specific Components\n\n**User prompt:**\n",[1166],{"type":46,"tag":87,"props":1167,"children":1168},{"__ignoreMap":678},[1169],{"type":52,"value":1164},{"type":46,"tag":55,"props":1171,"children":1172},{},[1173],{"type":52,"value":1174},"Only sync the navigation component from Webflow",{"type":46,"tag":670,"props":1176,"children":1179},{"className":1177,"code":1178,"language":52},[673],"\n**Configuration Update:**\n",[1180],{"type":46,"tag":87,"props":1181,"children":1182},{"__ignoreMap":678},[1183],{"type":52,"value":1178},{"type":46,"tag":55,"props":1185,"children":1186},{},[1187],{"type":52,"value":1188},"📋 Filtering Components",{"type":46,"tag":55,"props":1190,"children":1191},{},[1192],{"type":52,"value":1193},"To sync only specific components, update webflow.json:",{"type":46,"tag":55,"props":1195,"children":1196},{},[1197],{"type":52,"value":1198},"Current configuration:\n{\n\"devlink\": {\n\"rootDir\": \".\u002Fsrc\u002Fdevlink\",\n\"cssModules\": true,\n\"fileExtensions\": {\n\"js\": \"tsx\"\n}\n}\n}",{"type":46,"tag":55,"props":1200,"children":1201},{},[1202],{"type":52,"value":1203},"Add components regex pattern:\n{\n\"devlink\": {\n\"rootDir\": \".\u002Fsrc\u002Fdevlink\",\n\"cssModules\": true,\n\"fileExtensions\": {\n\"js\": \"tsx\"\n},\n\"components\": \"Navigation\"     \u002F\u002F Regex pattern to match\n}\n}",{"type":46,"tag":55,"props":1205,"children":1206},{},[1207],{"type":52,"value":1208},"Pattern options:",{"type":46,"tag":77,"props":1210,"children":1211},{},[1212,1217,1222,1227],{"type":46,"tag":81,"props":1213,"children":1214},{},[1215],{"type":52,"value":1216},"\"Navigation\" - Only Navigation component",{"type":46,"tag":81,"props":1218,"children":1219},{},[1220],{"type":52,"value":1221},"\"Nav.*\" - All components starting with \"Nav\"",{"type":46,"tag":81,"props":1223,"children":1224},{},[1225],{"type":52,"value":1226},"\"Navigation|Footer\" - Multiple specific components",{"type":46,"tag":81,"props":1228,"children":1229},{},[1230],{"type":52,"value":1231},"\".*\" - All components (default)",{"type":46,"tag":55,"props":1233,"children":1234},{},[1235],{"type":52,"value":1236},"Update webflow.json? (yes\u002Fno)",{"type":46,"tag":670,"props":1238,"children":1241},{"className":1239,"code":1240,"language":52},[673],"\n*User confirms: yes*\n\n",[1242],{"type":46,"tag":87,"props":1243,"children":1244},{"__ignoreMap":678},[1245],{"type":52,"value":1240},{"type":46,"tag":55,"props":1247,"children":1248},{},[1249],{"type":52,"value":1250},"✓ Configuration updated",{"type":46,"tag":55,"props":1252,"children":1253},{},[1254],{"type":52,"value":1255},"Syncing with filter: \"Navigation\"",{"type":46,"tag":55,"props":1257,"children":1258},{},[1259],{"type":52,"value":930},{"type":46,"tag":55,"props":1261,"children":1262},{},[1263],{"type":52,"value":1264},"Output:\n✓ Connecting to Webflow site\n✓ Fetching components\n✓ Applying filter: Navigation\n✓ Exporting 1 component",{"type":46,"tag":55,"props":1266,"children":1267},{},[1268],{"type":52,"value":1269},"📁 Generated:\n.\u002Fsrc\u002Fdevlink\u002F\n├── index.ts\n├── Navigation.tsx\n└── Navigation.module.css",{"type":46,"tag":55,"props":1271,"children":1272},{},[1273],{"type":52,"value":1274},"✅ Synced 1 component (Navigation only)",{"type":46,"tag":670,"props":1276,"children":1279},{"className":1277,"code":1278,"language":52},[673],"\n### Example 5: Override Site ID and Token\n\n**User prompt:**\n",[1280],{"type":46,"tag":87,"props":1281,"children":1282},{"__ignoreMap":678},[1283],{"type":52,"value":1278},{"type":46,"tag":55,"props":1285,"children":1286},{},[1287],{"type":52,"value":1288},"Sync from a different Webflow site",{"type":46,"tag":670,"props":1290,"children":1293},{"className":1291,"code":1292,"language":52},[673],"\n**Response:**\n",[1294],{"type":46,"tag":87,"props":1295,"children":1296},{"__ignoreMap":678},[1297],{"type":52,"value":1292},{"type":46,"tag":55,"props":1299,"children":1300},{},[1301],{"type":52,"value":1302},"🔄 Sync from Different Site",{"type":46,"tag":55,"props":1304,"children":1305},{},[1306],{"type":52,"value":1307},"To sync from a different site, use --site-id and --api-token options.",{"type":46,"tag":55,"props":1309,"children":1310},{},[1311],{"type":52,"value":1312},"Get credentials:",{"type":46,"tag":203,"props":1314,"children":1315},{},[1316,1321,1326],{"type":46,"tag":81,"props":1317,"children":1318},{},[1319],{"type":52,"value":1320},"Go to Webflow site settings",{"type":46,"tag":81,"props":1322,"children":1323},{},[1324],{"type":52,"value":1325},"Get Site ID",{"type":46,"tag":81,"props":1327,"children":1328},{},[1329],{"type":52,"value":1330},"Generate API token (if needed)",{"type":46,"tag":55,"props":1332,"children":1333},{},[1334],{"type":52,"value":1335},"Sync command:",{"type":46,"tag":670,"props":1337,"children":1341},{"className":1338,"code":1339,"language":1340,"meta":678,"style":678},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","webflow devlink sync --site-id \u003CSITE_ID> --api-token \u003CAPI_TOKEN>\n","bash",[1342],{"type":46,"tag":87,"props":1343,"children":1344},{"__ignoreMap":678},[1345],{"type":46,"tag":829,"props":1346,"children":1347},{"class":831,"line":832},[1348,1352,1357,1362,1367,1372,1377,1382,1387,1392,1396,1401,1406],{"type":46,"tag":829,"props":1349,"children":1350},{"style":1152},[1351],{"type":52,"value":9},{"type":46,"tag":829,"props":1353,"children":1354},{"style":848},[1355],{"type":52,"value":1356}," devlink",{"type":46,"tag":829,"props":1358,"children":1359},{"style":848},[1360],{"type":52,"value":1361}," sync",{"type":46,"tag":829,"props":1363,"children":1364},{"style":848},[1365],{"type":52,"value":1366}," --site-id",{"type":46,"tag":829,"props":1368,"children":1369},{"style":842},[1370],{"type":52,"value":1371}," \u003C",{"type":46,"tag":829,"props":1373,"children":1374},{"style":848},[1375],{"type":52,"value":1376},"SITE_I",{"type":46,"tag":829,"props":1378,"children":1379},{"style":1104},[1380],{"type":52,"value":1381},"D",{"type":46,"tag":829,"props":1383,"children":1384},{"style":842},[1385],{"type":52,"value":1386},">",{"type":46,"tag":829,"props":1388,"children":1389},{"style":848},[1390],{"type":52,"value":1391}," --api-token",{"type":46,"tag":829,"props":1393,"children":1394},{"style":842},[1395],{"type":52,"value":1371},{"type":46,"tag":829,"props":1397,"children":1398},{"style":848},[1399],{"type":52,"value":1400},"API_TOKE",{"type":46,"tag":829,"props":1402,"children":1403},{"style":1104},[1404],{"type":52,"value":1405},"N",{"type":46,"tag":829,"props":1407,"children":1408},{"style":842},[1409],{"type":52,"value":1410},">\n",{"type":46,"tag":55,"props":1412,"children":1413},{},[1414],{"type":52,"value":1415},"Example:",{"type":46,"tag":670,"props":1417,"children":1419},{"className":1338,"code":1418,"language":1340,"meta":678,"style":678},"webflow devlink sync \\\n  --site-id 5f8a9b2c3d4e5f6g7h8i9j0k \\\n  --api-token wfp_1234567890abcdef\n",[1420],{"type":46,"tag":87,"props":1421,"children":1422},{"__ignoreMap":678},[1423,1443,1460],{"type":46,"tag":829,"props":1424,"children":1425},{"class":831,"line":832},[1426,1430,1434,1438],{"type":46,"tag":829,"props":1427,"children":1428},{"style":1152},[1429],{"type":52,"value":9},{"type":46,"tag":829,"props":1431,"children":1432},{"style":848},[1433],{"type":52,"value":1356},{"type":46,"tag":829,"props":1435,"children":1436},{"style":848},[1437],{"type":52,"value":1361},{"type":46,"tag":829,"props":1439,"children":1440},{"style":1104},[1441],{"type":52,"value":1442}," \\\n",{"type":46,"tag":829,"props":1444,"children":1445},{"class":831,"line":1133},[1446,1451,1456],{"type":46,"tag":829,"props":1447,"children":1448},{"style":848},[1449],{"type":52,"value":1450},"  --site-id",{"type":46,"tag":829,"props":1452,"children":1453},{"style":848},[1454],{"type":52,"value":1455}," 5f8a9b2c3d4e5f6g7h8i9j0k",{"type":46,"tag":829,"props":1457,"children":1458},{"style":1104},[1459],{"type":52,"value":1442},{"type":46,"tag":829,"props":1461,"children":1462},{"class":831,"line":1143},[1463,1468],{"type":46,"tag":829,"props":1464,"children":1465},{"style":848},[1466],{"type":52,"value":1467},"  --api-token",{"type":46,"tag":829,"props":1469,"children":1470},{"style":848},[1471],{"type":52,"value":1472}," wfp_1234567890abcdef\n",{"type":46,"tag":55,"props":1474,"children":1475},{},[1476],{"type":52,"value":1477},"This overrides the .env file values for this sync only.",{"type":46,"tag":55,"props":1479,"children":1480},{},[1481],{"type":52,"value":1482},"⚠️ Note: You can also:",{"type":46,"tag":203,"props":1484,"children":1485},{},[1486,1491,1496],{"type":46,"tag":81,"props":1487,"children":1488},{},[1489],{"type":52,"value":1490},"Update .env file with new WEBFLOW_SITE_ID and WEBFLOW_SITE_API_TOKEN",{"type":46,"tag":81,"props":1492,"children":1493},{},[1494],{"type":52,"value":1495},"Or maintain multiple .env files (.env.site1, .env.site2)",{"type":46,"tag":81,"props":1497,"children":1498},{},[1499],{"type":52,"value":1500},"Then run: webflow devlink sync (uses .env)",{"type":46,"tag":55,"props":1502,"children":1503},{},[1504],{"type":52,"value":1505},"Proceed with override? (yes\u002Fno)",{"type":46,"tag":670,"props":1507,"children":1510},{"className":1508,"code":1509,"language":52},[673],"\n### Example 6: TypeScript Configuration\n\n**User prompt:**\n",[1511],{"type":46,"tag":87,"props":1512,"children":1513},{"__ignoreMap":678},[1514],{"type":52,"value":1509},{"type":46,"tag":55,"props":1516,"children":1517},{},[1518],{"type":52,"value":1519},"Set up DevLink with TypeScript",{"type":46,"tag":670,"props":1521,"children":1523},{"className":1522,"code":1292,"language":52},[673],[1524],{"type":46,"tag":87,"props":1525,"children":1526},{"__ignoreMap":678},[1527],{"type":52,"value":1292},{"type":46,"tag":55,"props":1529,"children":1530},{},[1531],{"type":52,"value":1532},"📋 DevLink TypeScript Configuration",{"type":46,"tag":55,"props":1534,"children":1535},{},[1536],{"type":52,"value":1537},"For TypeScript projects, configure file extensions:",{"type":46,"tag":55,"props":1539,"children":1540},{},[1541],{"type":52,"value":1542},"webflow.json:\n{\n\"devlink\": {\n\"rootDir\": \".\u002Fsrc\u002Fdevlink\",\n\"cssModules\": true,\n\"fileExtensions\": {\n\"js\": \"tsx\"        \u002F\u002F Use .tsx for TypeScript\n}\n}\n}",{"type":46,"tag":55,"props":1544,"children":1545},{},[1546],{"type":52,"value":1547},"Benefits:\n✓ Type-safe components\n✓ Better IDE support\n✓ Auto-completion\n✓ Compile-time error checking",{"type":46,"tag":55,"props":1549,"children":1550},{},[1551],{"type":52,"value":1552},"After sync, components will be generated as:",{"type":46,"tag":77,"props":1554,"children":1555},{},[1556,1561,1565],{"type":46,"tag":81,"props":1557,"children":1558},{},[1559],{"type":52,"value":1560},"Navigation.tsx (instead of .jsx)",{"type":46,"tag":81,"props":1562,"children":1563},{},[1564],{"type":52,"value":990},{"type":46,"tag":81,"props":1566,"children":1567},{},[1568],{"type":52,"value":1029},{"type":46,"tag":55,"props":1570,"children":1571},{},[1572],{"type":52,"value":1573},"Usage with TypeScript:",{"type":46,"tag":670,"props":1575,"children":1577},{"className":821,"code":1576,"language":823,"meta":678,"style":678},"import { Navigation } from '@\u002Fsrc\u002Fdevlink'\n\nexport default function Layout({ children }: { children: React.ReactNode }) {\n  return (\n    \u003Cdiv>\n      \u003CNavigation \u002F>\n      {children}\n    \u003C\u002Fdiv>\n  )\n}\n",[1578],{"type":46,"tag":87,"props":1579,"children":1580},{"__ignoreMap":678},[1581,1618,1625,1705,1719,1736,1754,1773,1790,1798],{"type":46,"tag":829,"props":1582,"children":1583},{"class":831,"line":832},[1584,1588,1592,1597,1601,1605,1609,1614],{"type":46,"tag":829,"props":1585,"children":1586},{"style":836},[1587],{"type":52,"value":839},{"type":46,"tag":829,"props":1589,"children":1590},{"style":842},[1591],{"type":52,"value":1101},{"type":46,"tag":829,"props":1593,"children":1594},{"style":1104},[1595],{"type":52,"value":1596}," Navigation",{"type":46,"tag":829,"props":1598,"children":1599},{"style":842},[1600],{"type":52,"value":1112},{"type":46,"tag":829,"props":1602,"children":1603},{"style":836},[1604],{"type":52,"value":1117},{"type":46,"tag":829,"props":1606,"children":1607},{"style":842},[1608],{"type":52,"value":845},{"type":46,"tag":829,"props":1610,"children":1611},{"style":848},[1612],{"type":52,"value":1613},"@\u002Fsrc\u002Fdevlink",{"type":46,"tag":829,"props":1615,"children":1616},{"style":842},[1617],{"type":52,"value":856},{"type":46,"tag":829,"props":1619,"children":1620},{"class":831,"line":1133},[1621],{"type":46,"tag":829,"props":1622,"children":1623},{"emptyLinePlaceholder":1137},[1624],{"type":52,"value":1140},{"type":46,"tag":829,"props":1626,"children":1627},{"class":831,"line":1143},[1628,1633,1638,1644,1650,1655,1661,1666,1670,1675,1680,1685,1690,1695,1700],{"type":46,"tag":829,"props":1629,"children":1630},{"style":836},[1631],{"type":52,"value":1632},"export",{"type":46,"tag":829,"props":1634,"children":1635},{"style":836},[1636],{"type":52,"value":1637}," default",{"type":46,"tag":829,"props":1639,"children":1641},{"style":1640},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[1642],{"type":52,"value":1643}," function",{"type":46,"tag":829,"props":1645,"children":1647},{"style":1646},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[1648],{"type":52,"value":1649}," Layout",{"type":46,"tag":829,"props":1651,"children":1652},{"style":842},[1653],{"type":52,"value":1654},"({",{"type":46,"tag":829,"props":1656,"children":1658},{"style":1657},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[1659],{"type":52,"value":1660}," children",{"type":46,"tag":829,"props":1662,"children":1663},{"style":842},[1664],{"type":52,"value":1665}," }:",{"type":46,"tag":829,"props":1667,"children":1668},{"style":842},[1669],{"type":52,"value":1101},{"type":46,"tag":829,"props":1671,"children":1673},{"style":1672},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[1674],{"type":52,"value":1660},{"type":46,"tag":829,"props":1676,"children":1677},{"style":842},[1678],{"type":52,"value":1679},":",{"type":46,"tag":829,"props":1681,"children":1682},{"style":1152},[1683],{"type":52,"value":1684}," React",{"type":46,"tag":829,"props":1686,"children":1687},{"style":842},[1688],{"type":52,"value":1689},".",{"type":46,"tag":829,"props":1691,"children":1692},{"style":1152},[1693],{"type":52,"value":1694},"ReactNode",{"type":46,"tag":829,"props":1696,"children":1697},{"style":842},[1698],{"type":52,"value":1699}," })",{"type":46,"tag":829,"props":1701,"children":1702},{"style":842},[1703],{"type":52,"value":1704}," {\n",{"type":46,"tag":829,"props":1706,"children":1708},{"class":831,"line":1707},4,[1709,1714],{"type":46,"tag":829,"props":1710,"children":1711},{"style":836},[1712],{"type":52,"value":1713},"  return",{"type":46,"tag":829,"props":1715,"children":1716},{"style":1672},[1717],{"type":52,"value":1718}," (\n",{"type":46,"tag":829,"props":1720,"children":1721},{"class":831,"line":268},[1722,1727,1732],{"type":46,"tag":829,"props":1723,"children":1724},{"style":842},[1725],{"type":52,"value":1726},"    \u003C",{"type":46,"tag":829,"props":1728,"children":1729},{"style":1672},[1730],{"type":52,"value":1731},"div",{"type":46,"tag":829,"props":1733,"children":1734},{"style":842},[1735],{"type":52,"value":1410},{"type":46,"tag":829,"props":1737,"children":1739},{"class":831,"line":1738},6,[1740,1745,1750],{"type":46,"tag":829,"props":1741,"children":1742},{"style":842},[1743],{"type":52,"value":1744},"      \u003C",{"type":46,"tag":829,"props":1746,"children":1747},{"style":1152},[1748],{"type":52,"value":1749},"Navigation",{"type":46,"tag":829,"props":1751,"children":1752},{"style":842},[1753],{"type":52,"value":1160},{"type":46,"tag":829,"props":1755,"children":1757},{"class":831,"line":1756},7,[1758,1763,1768],{"type":46,"tag":829,"props":1759,"children":1760},{"style":842},[1761],{"type":52,"value":1762},"      {",{"type":46,"tag":829,"props":1764,"children":1765},{"style":1104},[1766],{"type":52,"value":1767},"children",{"type":46,"tag":829,"props":1769,"children":1770},{"style":842},[1771],{"type":52,"value":1772},"}\n",{"type":46,"tag":829,"props":1774,"children":1776},{"class":831,"line":1775},8,[1777,1782,1786],{"type":46,"tag":829,"props":1778,"children":1779},{"style":842},[1780],{"type":52,"value":1781},"    \u003C\u002F",{"type":46,"tag":829,"props":1783,"children":1784},{"style":1672},[1785],{"type":52,"value":1731},{"type":46,"tag":829,"props":1787,"children":1788},{"style":842},[1789],{"type":52,"value":1410},{"type":46,"tag":829,"props":1791,"children":1792},{"class":831,"line":398},[1793],{"type":46,"tag":829,"props":1794,"children":1795},{"style":1672},[1796],{"type":52,"value":1797},"  )\n",{"type":46,"tag":829,"props":1799,"children":1801},{"class":831,"line":1800},10,[1802],{"type":46,"tag":829,"props":1803,"children":1804},{"style":842},[1805],{"type":52,"value":1772},{"type":46,"tag":55,"props":1807,"children":1808},{},[1809],{"type":52,"value":1810},"Ready to sync? (yes\u002Fno)",{"type":46,"tag":670,"props":1812,"children":1815},{"className":1813,"code":1814,"language":52},[673],"\n## Guidelines\n\n### Phase 1: CLI Verification\n\n**Installation Check:**\n```bash\n# Check if CLI is installed\nwebflow --version\n\n# If not installed, guide user:\nnpm install -g @webflow\u002Fwebflow-cli\n",[1816],{"type":46,"tag":87,"props":1817,"children":1818},{"__ignoreMap":678},[1819],{"type":52,"value":1814},{"type":46,"tag":55,"props":1821,"children":1822},{},[1823],{"type":46,"tag":71,"props":1824,"children":1825},{},[1826],{"type":52,"value":1827},"Authentication Check:",{"type":46,"tag":670,"props":1829,"children":1831},{"className":1338,"code":1830,"language":1340,"meta":678,"style":678},"# Site authentication creates .env file\n# Check for:\ncat .env\n\n# Should contain:\n# WEBFLOW_SITE_ID=your-site-id\n# WEBFLOW_SITE_API_TOKEN=your-token\n\n# If missing, authenticate:\nwebflow auth login\n",[1832],{"type":46,"tag":87,"props":1833,"children":1834},{"__ignoreMap":678},[1835,1844,1852,1865,1872,1880,1888,1896,1903,1911],{"type":46,"tag":829,"props":1836,"children":1837},{"class":831,"line":832},[1838],{"type":46,"tag":829,"props":1839,"children":1841},{"style":1840},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[1842],{"type":52,"value":1843},"# Site authentication creates .env file\n",{"type":46,"tag":829,"props":1845,"children":1846},{"class":831,"line":1133},[1847],{"type":46,"tag":829,"props":1848,"children":1849},{"style":1840},[1850],{"type":52,"value":1851},"# Check for:\n",{"type":46,"tag":829,"props":1853,"children":1854},{"class":831,"line":1143},[1855,1860],{"type":46,"tag":829,"props":1856,"children":1857},{"style":1152},[1858],{"type":52,"value":1859},"cat",{"type":46,"tag":829,"props":1861,"children":1862},{"style":848},[1863],{"type":52,"value":1864}," .env\n",{"type":46,"tag":829,"props":1866,"children":1867},{"class":831,"line":1707},[1868],{"type":46,"tag":829,"props":1869,"children":1870},{"emptyLinePlaceholder":1137},[1871],{"type":52,"value":1140},{"type":46,"tag":829,"props":1873,"children":1874},{"class":831,"line":268},[1875],{"type":46,"tag":829,"props":1876,"children":1877},{"style":1840},[1878],{"type":52,"value":1879},"# Should contain:\n",{"type":46,"tag":829,"props":1881,"children":1882},{"class":831,"line":1738},[1883],{"type":46,"tag":829,"props":1884,"children":1885},{"style":1840},[1886],{"type":52,"value":1887},"# WEBFLOW_SITE_ID=your-site-id\n",{"type":46,"tag":829,"props":1889,"children":1890},{"class":831,"line":1756},[1891],{"type":46,"tag":829,"props":1892,"children":1893},{"style":1840},[1894],{"type":52,"value":1895},"# WEBFLOW_SITE_API_TOKEN=your-token\n",{"type":46,"tag":829,"props":1897,"children":1898},{"class":831,"line":1775},[1899],{"type":46,"tag":829,"props":1900,"children":1901},{"emptyLinePlaceholder":1137},[1902],{"type":52,"value":1140},{"type":46,"tag":829,"props":1904,"children":1905},{"class":831,"line":398},[1906],{"type":46,"tag":829,"props":1907,"children":1908},{"style":1840},[1909],{"type":52,"value":1910},"# If missing, authenticate:\n",{"type":46,"tag":829,"props":1912,"children":1913},{"class":831,"line":1800},[1914,1918,1923],{"type":46,"tag":829,"props":1915,"children":1916},{"style":1152},[1917],{"type":52,"value":9},{"type":46,"tag":829,"props":1919,"children":1920},{"style":848},[1921],{"type":52,"value":1922}," auth",{"type":46,"tag":829,"props":1924,"children":1925},{"style":848},[1926],{"type":52,"value":1927}," login\n",{"type":46,"tag":196,"props":1929,"children":1931},{"id":1930},"phase-2-configuration",[1932],{"type":52,"value":1933},"Phase 2: Configuration",{"type":46,"tag":55,"props":1935,"children":1936},{},[1937],{"type":46,"tag":71,"props":1938,"children":1939},{},[1940],{"type":52,"value":1941},"webflow.json DevLink Schema:",{"type":46,"tag":670,"props":1943,"children":1947},{"className":1944,"code":1945,"language":1946,"meta":678,"style":678},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fdevlink\",\n    \"cssModules\": true,\n    \"fileExtensions\": {\n      \"js\": \"jsx\"\n    }\n  }\n}\n","json",[1948],{"type":46,"tag":87,"props":1949,"children":1950},{"__ignoreMap":678},[1951,1959,1984,2023,2047,2070,2106,2114,2122],{"type":46,"tag":829,"props":1952,"children":1953},{"class":831,"line":832},[1954],{"type":46,"tag":829,"props":1955,"children":1956},{"style":842},[1957],{"type":52,"value":1958},"{\n",{"type":46,"tag":829,"props":1960,"children":1961},{"class":831,"line":1133},[1962,1967,1971,1976,1980],{"type":46,"tag":829,"props":1963,"children":1964},{"style":842},[1965],{"type":52,"value":1966},"  \"",{"type":46,"tag":829,"props":1968,"children":1969},{"style":1640},[1970],{"type":52,"value":49},{"type":46,"tag":829,"props":1972,"children":1973},{"style":842},[1974],{"type":52,"value":1975},"\"",{"type":46,"tag":829,"props":1977,"children":1978},{"style":842},[1979],{"type":52,"value":1679},{"type":46,"tag":829,"props":1981,"children":1982},{"style":842},[1983],{"type":52,"value":1704},{"type":46,"tag":829,"props":1985,"children":1986},{"class":831,"line":1143},[1987,1992,1996,2000,2004,2009,2014,2018],{"type":46,"tag":829,"props":1988,"children":1989},{"style":842},[1990],{"type":52,"value":1991},"    \"",{"type":46,"tag":829,"props":1993,"children":1994},{"style":1152},[1995],{"type":52,"value":309},{"type":46,"tag":829,"props":1997,"children":1998},{"style":842},[1999],{"type":52,"value":1975},{"type":46,"tag":829,"props":2001,"children":2002},{"style":842},[2003],{"type":52,"value":1679},{"type":46,"tag":829,"props":2005,"children":2006},{"style":842},[2007],{"type":52,"value":2008}," \"",{"type":46,"tag":829,"props":2010,"children":2011},{"style":848},[2012],{"type":52,"value":2013},".\u002Fdevlink",{"type":46,"tag":829,"props":2015,"children":2016},{"style":842},[2017],{"type":52,"value":1975},{"type":46,"tag":829,"props":2019,"children":2020},{"style":842},[2021],{"type":52,"value":2022},",\n",{"type":46,"tag":829,"props":2024,"children":2025},{"class":831,"line":1707},[2026,2030,2034,2038,2042],{"type":46,"tag":829,"props":2027,"children":2028},{"style":842},[2029],{"type":52,"value":1991},{"type":46,"tag":829,"props":2031,"children":2032},{"style":1152},[2033],{"type":52,"value":320},{"type":46,"tag":829,"props":2035,"children":2036},{"style":842},[2037],{"type":52,"value":1975},{"type":46,"tag":829,"props":2039,"children":2040},{"style":842},[2041],{"type":52,"value":1679},{"type":46,"tag":829,"props":2043,"children":2044},{"style":842},[2045],{"type":52,"value":2046}," true,\n",{"type":46,"tag":829,"props":2048,"children":2049},{"class":831,"line":268},[2050,2054,2058,2062,2066],{"type":46,"tag":829,"props":2051,"children":2052},{"style":842},[2053],{"type":52,"value":1991},{"type":46,"tag":829,"props":2055,"children":2056},{"style":1152},[2057],{"type":52,"value":331},{"type":46,"tag":829,"props":2059,"children":2060},{"style":842},[2061],{"type":52,"value":1975},{"type":46,"tag":829,"props":2063,"children":2064},{"style":842},[2065],{"type":52,"value":1679},{"type":46,"tag":829,"props":2067,"children":2068},{"style":842},[2069],{"type":52,"value":1704},{"type":46,"tag":829,"props":2071,"children":2072},{"class":831,"line":1738},[2073,2078,2084,2088,2092,2096,2101],{"type":46,"tag":829,"props":2074,"children":2075},{"style":842},[2076],{"type":52,"value":2077},"      \"",{"type":46,"tag":829,"props":2079,"children":2081},{"style":2080},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[2082],{"type":52,"value":2083},"js",{"type":46,"tag":829,"props":2085,"children":2086},{"style":842},[2087],{"type":52,"value":1975},{"type":46,"tag":829,"props":2089,"children":2090},{"style":842},[2091],{"type":52,"value":1679},{"type":46,"tag":829,"props":2093,"children":2094},{"style":842},[2095],{"type":52,"value":2008},{"type":46,"tag":829,"props":2097,"children":2098},{"style":848},[2099],{"type":52,"value":2100},"jsx",{"type":46,"tag":829,"props":2102,"children":2103},{"style":842},[2104],{"type":52,"value":2105},"\"\n",{"type":46,"tag":829,"props":2107,"children":2108},{"class":831,"line":1756},[2109],{"type":46,"tag":829,"props":2110,"children":2111},{"style":842},[2112],{"type":52,"value":2113},"    }\n",{"type":46,"tag":829,"props":2115,"children":2116},{"class":831,"line":1775},[2117],{"type":46,"tag":829,"props":2118,"children":2119},{"style":842},[2120],{"type":52,"value":2121},"  }\n",{"type":46,"tag":829,"props":2123,"children":2124},{"class":831,"line":398},[2125],{"type":46,"tag":829,"props":2126,"children":2127},{"style":842},[2128],{"type":52,"value":1772},{"type":46,"tag":55,"props":2130,"children":2131},{},[2132],{"type":46,"tag":71,"props":2133,"children":2134},{},[2135],{"type":52,"value":2136},"All Configuration Options:",{"type":46,"tag":2138,"props":2139,"children":2140},"table",{},[2141,2170],{"type":46,"tag":2142,"props":2143,"children":2144},"thead",{},[2145],{"type":46,"tag":2146,"props":2147,"children":2148},"tr",{},[2149,2155,2160,2165],{"type":46,"tag":2150,"props":2151,"children":2152},"th",{},[2153],{"type":52,"value":2154},"Option",{"type":46,"tag":2150,"props":2156,"children":2157},{},[2158],{"type":52,"value":2159},"Description",{"type":46,"tag":2150,"props":2161,"children":2162},{},[2163],{"type":52,"value":2164},"Default",{"type":46,"tag":2150,"props":2166,"children":2167},{},[2168],{"type":52,"value":2169},"Required",{"type":46,"tag":2171,"props":2172,"children":2173},"tbody",{},[2174,2206,2235,2265,2295,2324,2353,2383,2412,2441,2470,2500],{"type":46,"tag":2146,"props":2175,"children":2176},{},[2177,2187,2192,2201],{"type":46,"tag":2178,"props":2179,"children":2180},"td",{},[2181],{"type":46,"tag":87,"props":2182,"children":2184},{"className":2183},[],[2185],{"type":52,"value":2186},"host",{"type":46,"tag":2178,"props":2188,"children":2189},{},[2190],{"type":52,"value":2191},"Webflow API host URL",{"type":46,"tag":2178,"props":2193,"children":2194},{},[2195],{"type":46,"tag":87,"props":2196,"children":2198},{"className":2197},[],[2199],{"type":52,"value":2200},"https:\u002F\u002Fapi.webflow.com",{"type":46,"tag":2178,"props":2202,"children":2203},{},[2204],{"type":52,"value":2205},"No",{"type":46,"tag":2146,"props":2207,"children":2208},{},[2209,2217,2222,2230],{"type":46,"tag":2178,"props":2210,"children":2211},{},[2212],{"type":46,"tag":87,"props":2213,"children":2215},{"className":2214},[],[2216],{"type":52,"value":309},{"type":46,"tag":2178,"props":2218,"children":2219},{},[2220],{"type":52,"value":2221},"Directory to export components into",{"type":46,"tag":2178,"props":2223,"children":2224},{},[2225],{"type":46,"tag":87,"props":2226,"children":2228},{"className":2227},[],[2229],{"type":52,"value":2013},{"type":46,"tag":2178,"props":2231,"children":2232},{},[2233],{"type":52,"value":2234},"Yes",{"type":46,"tag":2146,"props":2236,"children":2237},{},[2238,2247,2252,2261],{"type":46,"tag":2178,"props":2239,"children":2240},{},[2241],{"type":46,"tag":87,"props":2242,"children":2244},{"className":2243},[],[2245],{"type":52,"value":2246},"siteId",{"type":46,"tag":2178,"props":2248,"children":2249},{},[2250],{"type":52,"value":2251},"Webflow site ID",{"type":46,"tag":2178,"props":2253,"children":2254},{},[2255],{"type":46,"tag":87,"props":2256,"children":2258},{"className":2257},[],[2259],{"type":52,"value":2260},"process.env.WEBFLOW_SITE_ID",{"type":46,"tag":2178,"props":2262,"children":2263},{},[2264],{"type":52,"value":2205},{"type":46,"tag":2146,"props":2266,"children":2267},{},[2268,2277,2282,2291],{"type":46,"tag":2178,"props":2269,"children":2270},{},[2271],{"type":46,"tag":87,"props":2272,"children":2274},{"className":2273},[],[2275],{"type":52,"value":2276},"authToken",{"type":46,"tag":2178,"props":2278,"children":2279},{},[2280],{"type":52,"value":2281},"Webflow API authentication token",{"type":46,"tag":2178,"props":2283,"children":2284},{},[2285],{"type":46,"tag":87,"props":2286,"children":2288},{"className":2287},[],[2289],{"type":52,"value":2290},"process.env.WEBFLOW_SITE_API_TOKEN",{"type":46,"tag":2178,"props":2292,"children":2293},{},[2294],{"type":52,"value":2205},{"type":46,"tag":2146,"props":2296,"children":2297},{},[2298,2306,2311,2320],{"type":46,"tag":2178,"props":2299,"children":2300},{},[2301],{"type":46,"tag":87,"props":2302,"children":2304},{"className":2303},[],[2305],{"type":52,"value":320},{"type":46,"tag":2178,"props":2307,"children":2308},{},[2309],{"type":52,"value":2310},"Enable CSS modules for component styles",{"type":46,"tag":2178,"props":2312,"children":2313},{},[2314],{"type":46,"tag":87,"props":2315,"children":2317},{"className":2316},[],[2318],{"type":52,"value":2319},"true",{"type":46,"tag":2178,"props":2321,"children":2322},{},[2323],{"type":52,"value":2205},{"type":46,"tag":2146,"props":2325,"children":2326},{},[2327,2336,2341,2349],{"type":46,"tag":2178,"props":2328,"children":2329},{},[2330],{"type":46,"tag":87,"props":2331,"children":2333},{"className":2332},[],[2334],{"type":52,"value":2335},"allowTelemetry",{"type":46,"tag":2178,"props":2337,"children":2338},{},[2339],{"type":52,"value":2340},"Allow anonymous usage analytics",{"type":46,"tag":2178,"props":2342,"children":2343},{},[2344],{"type":46,"tag":87,"props":2345,"children":2347},{"className":2346},[],[2348],{"type":52,"value":2319},{"type":46,"tag":2178,"props":2350,"children":2351},{},[2352],{"type":52,"value":2205},{"type":46,"tag":2146,"props":2354,"children":2355},{},[2356,2365,2370,2379],{"type":46,"tag":2178,"props":2357,"children":2358},{},[2359],{"type":46,"tag":87,"props":2360,"children":2362},{"className":2361},[],[2363],{"type":52,"value":2364},"envVariables",{"type":46,"tag":2178,"props":2366,"children":2367},{},[2368],{"type":52,"value":2369},"Inject environment variables into exported components",{"type":46,"tag":2178,"props":2371,"children":2372},{},[2373],{"type":46,"tag":87,"props":2374,"children":2376},{"className":2375},[],[2377],{"type":52,"value":2378},"{}",{"type":46,"tag":2178,"props":2380,"children":2381},{},[2382],{"type":52,"value":2205},{"type":46,"tag":2146,"props":2384,"children":2385},{},[2386,2394,2399,2408],{"type":46,"tag":2178,"props":2387,"children":2388},{},[2389],{"type":46,"tag":87,"props":2390,"children":2392},{"className":2391},[],[2393],{"type":52,"value":372},{"type":46,"tag":2178,"props":2395,"children":2396},{},[2397],{"type":52,"value":2398},"Regex pattern to match components to export",{"type":46,"tag":2178,"props":2400,"children":2401},{},[2402],{"type":46,"tag":87,"props":2403,"children":2405},{"className":2404},[],[2406],{"type":52,"value":2407},".*",{"type":46,"tag":2178,"props":2409,"children":2410},{},[2411],{"type":52,"value":2205},{"type":46,"tag":2146,"props":2413,"children":2414},{},[2415,2424,2429,2437],{"type":46,"tag":2178,"props":2416,"children":2417},{},[2418],{"type":46,"tag":87,"props":2419,"children":2421},{"className":2420},[],[2422],{"type":52,"value":2423},"overwriteModule",{"type":46,"tag":2178,"props":2425,"children":2426},{},[2427],{"type":52,"value":2428},"Whether to overwrite the module file",{"type":46,"tag":2178,"props":2430,"children":2431},{},[2432],{"type":46,"tag":87,"props":2433,"children":2435},{"className":2434},[],[2436],{"type":52,"value":2319},{"type":46,"tag":2178,"props":2438,"children":2439},{},[2440],{"type":52,"value":2205},{"type":46,"tag":2146,"props":2442,"children":2443},{},[2444,2452,2457,2466],{"type":46,"tag":2178,"props":2445,"children":2446},{},[2447],{"type":46,"tag":87,"props":2448,"children":2450},{"className":2449},[],[2451],{"type":52,"value":331},{"type":46,"tag":2178,"props":2453,"children":2454},{},[2455],{"type":52,"value":2456},"File extensions for exported components",{"type":46,"tag":2178,"props":2458,"children":2459},{},[2460],{"type":46,"tag":87,"props":2461,"children":2463},{"className":2462},[],[2464],{"type":52,"value":2465},"{ js: \".js\", css: \".css\" }",{"type":46,"tag":2178,"props":2467,"children":2468},{},[2469],{"type":52,"value":2205},{"type":46,"tag":2146,"props":2471,"children":2472},{},[2473,2482,2487,2496],{"type":46,"tag":2178,"props":2474,"children":2475},{},[2476],{"type":46,"tag":87,"props":2477,"children":2479},{"className":2478},[],[2480],{"type":52,"value":2481},"skipTagSelectors",{"type":46,"tag":2178,"props":2483,"children":2484},{},[2485],{"type":52,"value":2486},"Exclude tag\u002FID\u002Fattribute selectors from global CSS",{"type":46,"tag":2178,"props":2488,"children":2489},{},[2490],{"type":46,"tag":87,"props":2491,"children":2493},{"className":2492},[],[2494],{"type":52,"value":2495},"false",{"type":46,"tag":2178,"props":2497,"children":2498},{},[2499],{"type":52,"value":2205},{"type":46,"tag":2146,"props":2501,"children":2502},{},[2503,2512,2525,2534],{"type":46,"tag":2178,"props":2504,"children":2505},{},[2506],{"type":46,"tag":87,"props":2507,"children":2509},{"className":2508},[],[2510],{"type":52,"value":2511},"relativeHrefRoot",{"type":46,"tag":2178,"props":2513,"children":2514},{},[2515,2517,2523],{"type":52,"value":2516},"Control how relative ",{"type":46,"tag":87,"props":2518,"children":2520},{"className":2519},[],[2521],{"type":52,"value":2522},"href",{"type":52,"value":2524}," attributes are resolved",{"type":46,"tag":2178,"props":2526,"children":2527},{},[2528],{"type":46,"tag":87,"props":2529,"children":2531},{"className":2530},[],[2532],{"type":52,"value":2533},"\u002F",{"type":46,"tag":2178,"props":2535,"children":2536},{},[2537],{"type":52,"value":2205},{"type":46,"tag":55,"props":2539,"children":2540},{},[2541],{"type":46,"tag":71,"props":2542,"children":2543},{},[2544],{"type":52,"value":2545},"Common Configurations:",{"type":46,"tag":55,"props":2547,"children":2548},{},[2549],{"type":46,"tag":71,"props":2550,"children":2551},{},[2552],{"type":52,"value":2553},"React with JavaScript:",{"type":46,"tag":670,"props":2555,"children":2557},{"className":1944,"code":2556,"language":1946,"meta":678,"style":678},"{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fsrc\u002Fcomponents\u002Fwebflow\",\n    \"cssModules\": true,\n    \"fileExtensions\": {\n      \"js\": \"jsx\"\n    }\n  }\n}\n",[2558],{"type":46,"tag":87,"props":2559,"children":2560},{"__ignoreMap":678},[2561,2568,2591,2627,2650,2673,2704,2711,2718],{"type":46,"tag":829,"props":2562,"children":2563},{"class":831,"line":832},[2564],{"type":46,"tag":829,"props":2565,"children":2566},{"style":842},[2567],{"type":52,"value":1958},{"type":46,"tag":829,"props":2569,"children":2570},{"class":831,"line":1133},[2571,2575,2579,2583,2587],{"type":46,"tag":829,"props":2572,"children":2573},{"style":842},[2574],{"type":52,"value":1966},{"type":46,"tag":829,"props":2576,"children":2577},{"style":1640},[2578],{"type":52,"value":49},{"type":46,"tag":829,"props":2580,"children":2581},{"style":842},[2582],{"type":52,"value":1975},{"type":46,"tag":829,"props":2584,"children":2585},{"style":842},[2586],{"type":52,"value":1679},{"type":46,"tag":829,"props":2588,"children":2589},{"style":842},[2590],{"type":52,"value":1704},{"type":46,"tag":829,"props":2592,"children":2593},{"class":831,"line":1143},[2594,2598,2602,2606,2610,2614,2619,2623],{"type":46,"tag":829,"props":2595,"children":2596},{"style":842},[2597],{"type":52,"value":1991},{"type":46,"tag":829,"props":2599,"children":2600},{"style":1152},[2601],{"type":52,"value":309},{"type":46,"tag":829,"props":2603,"children":2604},{"style":842},[2605],{"type":52,"value":1975},{"type":46,"tag":829,"props":2607,"children":2608},{"style":842},[2609],{"type":52,"value":1679},{"type":46,"tag":829,"props":2611,"children":2612},{"style":842},[2613],{"type":52,"value":2008},{"type":46,"tag":829,"props":2615,"children":2616},{"style":848},[2617],{"type":52,"value":2618},".\u002Fsrc\u002Fcomponents\u002Fwebflow",{"type":46,"tag":829,"props":2620,"children":2621},{"style":842},[2622],{"type":52,"value":1975},{"type":46,"tag":829,"props":2624,"children":2625},{"style":842},[2626],{"type":52,"value":2022},{"type":46,"tag":829,"props":2628,"children":2629},{"class":831,"line":1707},[2630,2634,2638,2642,2646],{"type":46,"tag":829,"props":2631,"children":2632},{"style":842},[2633],{"type":52,"value":1991},{"type":46,"tag":829,"props":2635,"children":2636},{"style":1152},[2637],{"type":52,"value":320},{"type":46,"tag":829,"props":2639,"children":2640},{"style":842},[2641],{"type":52,"value":1975},{"type":46,"tag":829,"props":2643,"children":2644},{"style":842},[2645],{"type":52,"value":1679},{"type":46,"tag":829,"props":2647,"children":2648},{"style":842},[2649],{"type":52,"value":2046},{"type":46,"tag":829,"props":2651,"children":2652},{"class":831,"line":268},[2653,2657,2661,2665,2669],{"type":46,"tag":829,"props":2654,"children":2655},{"style":842},[2656],{"type":52,"value":1991},{"type":46,"tag":829,"props":2658,"children":2659},{"style":1152},[2660],{"type":52,"value":331},{"type":46,"tag":829,"props":2662,"children":2663},{"style":842},[2664],{"type":52,"value":1975},{"type":46,"tag":829,"props":2666,"children":2667},{"style":842},[2668],{"type":52,"value":1679},{"type":46,"tag":829,"props":2670,"children":2671},{"style":842},[2672],{"type":52,"value":1704},{"type":46,"tag":829,"props":2674,"children":2675},{"class":831,"line":1738},[2676,2680,2684,2688,2692,2696,2700],{"type":46,"tag":829,"props":2677,"children":2678},{"style":842},[2679],{"type":52,"value":2077},{"type":46,"tag":829,"props":2681,"children":2682},{"style":2080},[2683],{"type":52,"value":2083},{"type":46,"tag":829,"props":2685,"children":2686},{"style":842},[2687],{"type":52,"value":1975},{"type":46,"tag":829,"props":2689,"children":2690},{"style":842},[2691],{"type":52,"value":1679},{"type":46,"tag":829,"props":2693,"children":2694},{"style":842},[2695],{"type":52,"value":2008},{"type":46,"tag":829,"props":2697,"children":2698},{"style":848},[2699],{"type":52,"value":2100},{"type":46,"tag":829,"props":2701,"children":2702},{"style":842},[2703],{"type":52,"value":2105},{"type":46,"tag":829,"props":2705,"children":2706},{"class":831,"line":1756},[2707],{"type":46,"tag":829,"props":2708,"children":2709},{"style":842},[2710],{"type":52,"value":2113},{"type":46,"tag":829,"props":2712,"children":2713},{"class":831,"line":1775},[2714],{"type":46,"tag":829,"props":2715,"children":2716},{"style":842},[2717],{"type":52,"value":2121},{"type":46,"tag":829,"props":2719,"children":2720},{"class":831,"line":398},[2721],{"type":46,"tag":829,"props":2722,"children":2723},{"style":842},[2724],{"type":52,"value":1772},{"type":46,"tag":55,"props":2726,"children":2727},{},[2728],{"type":46,"tag":71,"props":2729,"children":2730},{},[2731],{"type":52,"value":2732},"Next.js with TypeScript:",{"type":46,"tag":670,"props":2734,"children":2736},{"className":1944,"code":2735,"language":1946,"meta":678,"style":678},"{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fsrc\u002Fdevlink\",\n    \"cssModules\": true,\n    \"fileExtensions\": {\n      \"js\": \"tsx\"\n    }\n  }\n}\n",[2737],{"type":46,"tag":87,"props":2738,"children":2739},{"__ignoreMap":678},[2740,2747,2770,2805,2828,2851,2882,2889,2896],{"type":46,"tag":829,"props":2741,"children":2742},{"class":831,"line":832},[2743],{"type":46,"tag":829,"props":2744,"children":2745},{"style":842},[2746],{"type":52,"value":1958},{"type":46,"tag":829,"props":2748,"children":2749},{"class":831,"line":1133},[2750,2754,2758,2762,2766],{"type":46,"tag":829,"props":2751,"children":2752},{"style":842},[2753],{"type":52,"value":1966},{"type":46,"tag":829,"props":2755,"children":2756},{"style":1640},[2757],{"type":52,"value":49},{"type":46,"tag":829,"props":2759,"children":2760},{"style":842},[2761],{"type":52,"value":1975},{"type":46,"tag":829,"props":2763,"children":2764},{"style":842},[2765],{"type":52,"value":1679},{"type":46,"tag":829,"props":2767,"children":2768},{"style":842},[2769],{"type":52,"value":1704},{"type":46,"tag":829,"props":2771,"children":2772},{"class":831,"line":1143},[2773,2777,2781,2785,2789,2793,2797,2801],{"type":46,"tag":829,"props":2774,"children":2775},{"style":842},[2776],{"type":52,"value":1991},{"type":46,"tag":829,"props":2778,"children":2779},{"style":1152},[2780],{"type":52,"value":309},{"type":46,"tag":829,"props":2782,"children":2783},{"style":842},[2784],{"type":52,"value":1975},{"type":46,"tag":829,"props":2786,"children":2787},{"style":842},[2788],{"type":52,"value":1679},{"type":46,"tag":829,"props":2790,"children":2791},{"style":842},[2792],{"type":52,"value":2008},{"type":46,"tag":829,"props":2794,"children":2795},{"style":848},[2796],{"type":52,"value":1126},{"type":46,"tag":829,"props":2798,"children":2799},{"style":842},[2800],{"type":52,"value":1975},{"type":46,"tag":829,"props":2802,"children":2803},{"style":842},[2804],{"type":52,"value":2022},{"type":46,"tag":829,"props":2806,"children":2807},{"class":831,"line":1707},[2808,2812,2816,2820,2824],{"type":46,"tag":829,"props":2809,"children":2810},{"style":842},[2811],{"type":52,"value":1991},{"type":46,"tag":829,"props":2813,"children":2814},{"style":1152},[2815],{"type":52,"value":320},{"type":46,"tag":829,"props":2817,"children":2818},{"style":842},[2819],{"type":52,"value":1975},{"type":46,"tag":829,"props":2821,"children":2822},{"style":842},[2823],{"type":52,"value":1679},{"type":46,"tag":829,"props":2825,"children":2826},{"style":842},[2827],{"type":52,"value":2046},{"type":46,"tag":829,"props":2829,"children":2830},{"class":831,"line":268},[2831,2835,2839,2843,2847],{"type":46,"tag":829,"props":2832,"children":2833},{"style":842},[2834],{"type":52,"value":1991},{"type":46,"tag":829,"props":2836,"children":2837},{"style":1152},[2838],{"type":52,"value":331},{"type":46,"tag":829,"props":2840,"children":2841},{"style":842},[2842],{"type":52,"value":1975},{"type":46,"tag":829,"props":2844,"children":2845},{"style":842},[2846],{"type":52,"value":1679},{"type":46,"tag":829,"props":2848,"children":2849},{"style":842},[2850],{"type":52,"value":1704},{"type":46,"tag":829,"props":2852,"children":2853},{"class":831,"line":1738},[2854,2858,2862,2866,2870,2874,2878],{"type":46,"tag":829,"props":2855,"children":2856},{"style":842},[2857],{"type":52,"value":2077},{"type":46,"tag":829,"props":2859,"children":2860},{"style":2080},[2861],{"type":52,"value":2083},{"type":46,"tag":829,"props":2863,"children":2864},{"style":842},[2865],{"type":52,"value":1975},{"type":46,"tag":829,"props":2867,"children":2868},{"style":842},[2869],{"type":52,"value":1679},{"type":46,"tag":829,"props":2871,"children":2872},{"style":842},[2873],{"type":52,"value":2008},{"type":46,"tag":829,"props":2875,"children":2876},{"style":848},[2877],{"type":52,"value":823},{"type":46,"tag":829,"props":2879,"children":2880},{"style":842},[2881],{"type":52,"value":2105},{"type":46,"tag":829,"props":2883,"children":2884},{"class":831,"line":1756},[2885],{"type":46,"tag":829,"props":2886,"children":2887},{"style":842},[2888],{"type":52,"value":2113},{"type":46,"tag":829,"props":2890,"children":2891},{"class":831,"line":1775},[2892],{"type":46,"tag":829,"props":2893,"children":2894},{"style":842},[2895],{"type":52,"value":2121},{"type":46,"tag":829,"props":2897,"children":2898},{"class":831,"line":398},[2899],{"type":46,"tag":829,"props":2900,"children":2901},{"style":842},[2902],{"type":52,"value":1772},{"type":46,"tag":55,"props":2904,"children":2905},{},[2906],{"type":46,"tag":71,"props":2907,"children":2908},{},[2909],{"type":52,"value":2910},"Sync Specific Components:",{"type":46,"tag":670,"props":2912,"children":2914},{"className":1944,"code":2913,"language":1946,"meta":678,"style":678},"{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fsrc\u002Fdevlink\",\n    \"cssModules\": true,\n    \"components\": \"Navigation|Hero|Footer\"\n  }\n}\n",[2915],{"type":46,"tag":87,"props":2916,"children":2917},{"__ignoreMap":678},[2918,2925,2948,2983,3006,3038,3045],{"type":46,"tag":829,"props":2919,"children":2920},{"class":831,"line":832},[2921],{"type":46,"tag":829,"props":2922,"children":2923},{"style":842},[2924],{"type":52,"value":1958},{"type":46,"tag":829,"props":2926,"children":2927},{"class":831,"line":1133},[2928,2932,2936,2940,2944],{"type":46,"tag":829,"props":2929,"children":2930},{"style":842},[2931],{"type":52,"value":1966},{"type":46,"tag":829,"props":2933,"children":2934},{"style":1640},[2935],{"type":52,"value":49},{"type":46,"tag":829,"props":2937,"children":2938},{"style":842},[2939],{"type":52,"value":1975},{"type":46,"tag":829,"props":2941,"children":2942},{"style":842},[2943],{"type":52,"value":1679},{"type":46,"tag":829,"props":2945,"children":2946},{"style":842},[2947],{"type":52,"value":1704},{"type":46,"tag":829,"props":2949,"children":2950},{"class":831,"line":1143},[2951,2955,2959,2963,2967,2971,2975,2979],{"type":46,"tag":829,"props":2952,"children":2953},{"style":842},[2954],{"type":52,"value":1991},{"type":46,"tag":829,"props":2956,"children":2957},{"style":1152},[2958],{"type":52,"value":309},{"type":46,"tag":829,"props":2960,"children":2961},{"style":842},[2962],{"type":52,"value":1975},{"type":46,"tag":829,"props":2964,"children":2965},{"style":842},[2966],{"type":52,"value":1679},{"type":46,"tag":829,"props":2968,"children":2969},{"style":842},[2970],{"type":52,"value":2008},{"type":46,"tag":829,"props":2972,"children":2973},{"style":848},[2974],{"type":52,"value":1126},{"type":46,"tag":829,"props":2976,"children":2977},{"style":842},[2978],{"type":52,"value":1975},{"type":46,"tag":829,"props":2980,"children":2981},{"style":842},[2982],{"type":52,"value":2022},{"type":46,"tag":829,"props":2984,"children":2985},{"class":831,"line":1707},[2986,2990,2994,2998,3002],{"type":46,"tag":829,"props":2987,"children":2988},{"style":842},[2989],{"type":52,"value":1991},{"type":46,"tag":829,"props":2991,"children":2992},{"style":1152},[2993],{"type":52,"value":320},{"type":46,"tag":829,"props":2995,"children":2996},{"style":842},[2997],{"type":52,"value":1975},{"type":46,"tag":829,"props":2999,"children":3000},{"style":842},[3001],{"type":52,"value":1679},{"type":46,"tag":829,"props":3003,"children":3004},{"style":842},[3005],{"type":52,"value":2046},{"type":46,"tag":829,"props":3007,"children":3008},{"class":831,"line":268},[3009,3013,3017,3021,3025,3029,3034],{"type":46,"tag":829,"props":3010,"children":3011},{"style":842},[3012],{"type":52,"value":1991},{"type":46,"tag":829,"props":3014,"children":3015},{"style":1152},[3016],{"type":52,"value":372},{"type":46,"tag":829,"props":3018,"children":3019},{"style":842},[3020],{"type":52,"value":1975},{"type":46,"tag":829,"props":3022,"children":3023},{"style":842},[3024],{"type":52,"value":1679},{"type":46,"tag":829,"props":3026,"children":3027},{"style":842},[3028],{"type":52,"value":2008},{"type":46,"tag":829,"props":3030,"children":3031},{"style":848},[3032],{"type":52,"value":3033},"Navigation|Hero|Footer",{"type":46,"tag":829,"props":3035,"children":3036},{"style":842},[3037],{"type":52,"value":2105},{"type":46,"tag":829,"props":3039,"children":3040},{"class":831,"line":1738},[3041],{"type":46,"tag":829,"props":3042,"children":3043},{"style":842},[3044],{"type":52,"value":2121},{"type":46,"tag":829,"props":3046,"children":3047},{"class":831,"line":1756},[3048],{"type":46,"tag":829,"props":3049,"children":3050},{"style":842},[3051],{"type":52,"value":1772},{"type":46,"tag":196,"props":3053,"children":3055},{"id":3054},"phase-3-sync-command",[3056],{"type":52,"value":3057},"Phase 3: Sync Command",{"type":46,"tag":55,"props":3059,"children":3060},{},[3061],{"type":46,"tag":71,"props":3062,"children":3063},{},[3064],{"type":52,"value":3065},"Basic Sync:",{"type":46,"tag":670,"props":3067,"children":3069},{"className":1338,"code":3068,"language":1340,"meta":678,"style":678},"# Uses webflow.json config and .env credentials\nwebflow devlink sync\n",[3070],{"type":46,"tag":87,"props":3071,"children":3072},{"__ignoreMap":678},[3073,3081],{"type":46,"tag":829,"props":3074,"children":3075},{"class":831,"line":832},[3076],{"type":46,"tag":829,"props":3077,"children":3078},{"style":1840},[3079],{"type":52,"value":3080},"# Uses webflow.json config and .env credentials\n",{"type":46,"tag":829,"props":3082,"children":3083},{"class":831,"line":1133},[3084,3088,3092],{"type":46,"tag":829,"props":3085,"children":3086},{"style":1152},[3087],{"type":52,"value":9},{"type":46,"tag":829,"props":3089,"children":3090},{"style":848},[3091],{"type":52,"value":1356},{"type":46,"tag":829,"props":3093,"children":3094},{"style":848},[3095],{"type":52,"value":3096}," sync\n",{"type":46,"tag":55,"props":3098,"children":3099},{},[3100],{"type":46,"tag":71,"props":3101,"children":3102},{},[3103],{"type":52,"value":3104},"Sync with Options:",{"type":46,"tag":670,"props":3106,"children":3108},{"className":1338,"code":3107,"language":1340,"meta":678,"style":678},"# Override site ID\nwebflow devlink sync --site-id 5f8a9b2c3d4e5f6g7h8i9j0k\n\n# Override API token\nwebflow devlink sync --api-token wfp_1234567890abcdef\n\n# Override both\nwebflow devlink sync \\\n  --site-id 5f8a9b2c3d4e5f6g7h8i9j0k \\\n  --api-token wfp_1234567890abcdef\n\n# Short flags\nwebflow devlink sync -s \u003Csite-id> -t \u003Capi-token>\n",[3109],{"type":46,"tag":87,"props":3110,"children":3111},{"__ignoreMap":678},[3112,3120,3144,3151,3159,3182,3189,3197,3216,3231,3242,3250,3259],{"type":46,"tag":829,"props":3113,"children":3114},{"class":831,"line":832},[3115],{"type":46,"tag":829,"props":3116,"children":3117},{"style":1840},[3118],{"type":52,"value":3119},"# Override site ID\n",{"type":46,"tag":829,"props":3121,"children":3122},{"class":831,"line":1133},[3123,3127,3131,3135,3139],{"type":46,"tag":829,"props":3124,"children":3125},{"style":1152},[3126],{"type":52,"value":9},{"type":46,"tag":829,"props":3128,"children":3129},{"style":848},[3130],{"type":52,"value":1356},{"type":46,"tag":829,"props":3132,"children":3133},{"style":848},[3134],{"type":52,"value":1361},{"type":46,"tag":829,"props":3136,"children":3137},{"style":848},[3138],{"type":52,"value":1366},{"type":46,"tag":829,"props":3140,"children":3141},{"style":848},[3142],{"type":52,"value":3143}," 5f8a9b2c3d4e5f6g7h8i9j0k\n",{"type":46,"tag":829,"props":3145,"children":3146},{"class":831,"line":1143},[3147],{"type":46,"tag":829,"props":3148,"children":3149},{"emptyLinePlaceholder":1137},[3150],{"type":52,"value":1140},{"type":46,"tag":829,"props":3152,"children":3153},{"class":831,"line":1707},[3154],{"type":46,"tag":829,"props":3155,"children":3156},{"style":1840},[3157],{"type":52,"value":3158},"# Override API token\n",{"type":46,"tag":829,"props":3160,"children":3161},{"class":831,"line":268},[3162,3166,3170,3174,3178],{"type":46,"tag":829,"props":3163,"children":3164},{"style":1152},[3165],{"type":52,"value":9},{"type":46,"tag":829,"props":3167,"children":3168},{"style":848},[3169],{"type":52,"value":1356},{"type":46,"tag":829,"props":3171,"children":3172},{"style":848},[3173],{"type":52,"value":1361},{"type":46,"tag":829,"props":3175,"children":3176},{"style":848},[3177],{"type":52,"value":1391},{"type":46,"tag":829,"props":3179,"children":3180},{"style":848},[3181],{"type":52,"value":1472},{"type":46,"tag":829,"props":3183,"children":3184},{"class":831,"line":1738},[3185],{"type":46,"tag":829,"props":3186,"children":3187},{"emptyLinePlaceholder":1137},[3188],{"type":52,"value":1140},{"type":46,"tag":829,"props":3190,"children":3191},{"class":831,"line":1756},[3192],{"type":46,"tag":829,"props":3193,"children":3194},{"style":1840},[3195],{"type":52,"value":3196},"# Override both\n",{"type":46,"tag":829,"props":3198,"children":3199},{"class":831,"line":1775},[3200,3204,3208,3212],{"type":46,"tag":829,"props":3201,"children":3202},{"style":1152},[3203],{"type":52,"value":9},{"type":46,"tag":829,"props":3205,"children":3206},{"style":848},[3207],{"type":52,"value":1356},{"type":46,"tag":829,"props":3209,"children":3210},{"style":848},[3211],{"type":52,"value":1361},{"type":46,"tag":829,"props":3213,"children":3214},{"style":1104},[3215],{"type":52,"value":1442},{"type":46,"tag":829,"props":3217,"children":3218},{"class":831,"line":398},[3219,3223,3227],{"type":46,"tag":829,"props":3220,"children":3221},{"style":848},[3222],{"type":52,"value":1450},{"type":46,"tag":829,"props":3224,"children":3225},{"style":848},[3226],{"type":52,"value":1455},{"type":46,"tag":829,"props":3228,"children":3229},{"style":1104},[3230],{"type":52,"value":1442},{"type":46,"tag":829,"props":3232,"children":3233},{"class":831,"line":1800},[3234,3238],{"type":46,"tag":829,"props":3235,"children":3236},{"style":848},[3237],{"type":52,"value":1467},{"type":46,"tag":829,"props":3239,"children":3240},{"style":848},[3241],{"type":52,"value":1472},{"type":46,"tag":829,"props":3243,"children":3245},{"class":831,"line":3244},11,[3246],{"type":46,"tag":829,"props":3247,"children":3248},{"emptyLinePlaceholder":1137},[3249],{"type":52,"value":1140},{"type":46,"tag":829,"props":3251,"children":3253},{"class":831,"line":3252},12,[3254],{"type":46,"tag":829,"props":3255,"children":3256},{"style":1840},[3257],{"type":52,"value":3258},"# Short flags\n",{"type":46,"tag":829,"props":3260,"children":3261},{"class":831,"line":518},[3262,3266,3270,3274,3279,3283,3288,3293,3297,3302,3306,3311,3316],{"type":46,"tag":829,"props":3263,"children":3264},{"style":1152},[3265],{"type":52,"value":9},{"type":46,"tag":829,"props":3267,"children":3268},{"style":848},[3269],{"type":52,"value":1356},{"type":46,"tag":829,"props":3271,"children":3272},{"style":848},[3273],{"type":52,"value":1361},{"type":46,"tag":829,"props":3275,"children":3276},{"style":848},[3277],{"type":52,"value":3278}," -s",{"type":46,"tag":829,"props":3280,"children":3281},{"style":842},[3282],{"type":52,"value":1371},{"type":46,"tag":829,"props":3284,"children":3285},{"style":848},[3286],{"type":52,"value":3287},"site-i",{"type":46,"tag":829,"props":3289,"children":3290},{"style":1104},[3291],{"type":52,"value":3292},"d",{"type":46,"tag":829,"props":3294,"children":3295},{"style":842},[3296],{"type":52,"value":1386},{"type":46,"tag":829,"props":3298,"children":3299},{"style":848},[3300],{"type":52,"value":3301}," -t",{"type":46,"tag":829,"props":3303,"children":3304},{"style":842},[3305],{"type":52,"value":1371},{"type":46,"tag":829,"props":3307,"children":3308},{"style":848},[3309],{"type":52,"value":3310},"api-toke",{"type":46,"tag":829,"props":3312,"children":3313},{"style":1104},[3314],{"type":52,"value":3315},"n",{"type":46,"tag":829,"props":3317,"children":3318},{"style":842},[3319],{"type":52,"value":1410},{"type":46,"tag":55,"props":3321,"children":3322},{},[3323],{"type":46,"tag":71,"props":3324,"children":3325},{},[3326],{"type":52,"value":3327},"Sync Options:",{"type":46,"tag":77,"props":3329,"children":3330},{},[3331,3356],{"type":46,"tag":81,"props":3332,"children":3333},{},[3334,3339,3341,3346,3348,3354],{"type":46,"tag":87,"props":3335,"children":3337},{"className":3336},[],[3338],{"type":52,"value":428},{"type":52,"value":3340}," \u002F ",{"type":46,"tag":87,"props":3342,"children":3344},{"className":3343},[],[3345],{"type":52,"value":436},{"type":52,"value":3347},": The API token to use, overriding the ",{"type":46,"tag":87,"props":3349,"children":3351},{"className":3350},[],[3352],{"type":52,"value":3353},".env",{"type":52,"value":3355}," file",{"type":46,"tag":81,"props":3357,"children":3358},{},[3359,3364,3365,3370,3372,3377],{"type":46,"tag":87,"props":3360,"children":3362},{"className":3361},[],[3363],{"type":52,"value":447},{"type":52,"value":3340},{"type":46,"tag":87,"props":3366,"children":3368},{"className":3367},[],[3369],{"type":52,"value":454},{"type":52,"value":3371},": The site ID to sync from, overriding the ",{"type":46,"tag":87,"props":3373,"children":3375},{"className":3374},[],[3376],{"type":52,"value":3353},{"type":52,"value":3355},{"type":46,"tag":196,"props":3379,"children":3381},{"id":3380},"phase-4-generated-files",[3382],{"type":52,"value":3383},"Phase 4: Generated Files",{"type":46,"tag":55,"props":3385,"children":3386},{},[3387,3392],{"type":46,"tag":71,"props":3388,"children":3389},{},[3390],{"type":52,"value":3391},"Directory Structure:",{"type":52,"value":3393},"\nAfter sync, rootDir contains:",{"type":46,"tag":670,"props":3395,"children":3398},{"className":3396,"code":3397,"language":52},[673],".\u002Fdevlink\u002F\n├── index.ts                  \u002F\u002F Module exports\n├── ComponentName.tsx         \u002F\u002F Component file\n├── ComponentName.module.css  \u002F\u002F Component styles (if cssModules: true)\n├── AnotherComponent.tsx\n├── AnotherComponent.module.css\n└── _webflow-style.css        \u002F\u002F Global Webflow styles\n",[3399],{"type":46,"tag":87,"props":3400,"children":3401},{"__ignoreMap":678},[3402],{"type":52,"value":3397},{"type":46,"tag":55,"props":3404,"children":3405},{},[3406,3411],{"type":46,"tag":71,"props":3407,"children":3408},{},[3409],{"type":52,"value":3410},"Component Structure:",{"type":52,"value":3412},"\nGenerated components are React functional components:",{"type":46,"tag":670,"props":3414,"children":3416},{"className":821,"code":3415,"language":823,"meta":678,"style":678},"import React from 'react'\nimport styles from '.\u002FComponentName.module.css'\n\nexport function ComponentName() {\n  return (\n    \u003Cdiv className={styles.container}>\n      {\u002F* Component markup *\u002F}\n    \u003C\u002Fdiv>\n  )\n}\n",[3417],{"type":46,"tag":87,"props":3418,"children":3419},{"__ignoreMap":678},[3420,3449,3478,3485,3510,3521,3561,3577,3592,3599],{"type":46,"tag":829,"props":3421,"children":3422},{"class":831,"line":832},[3423,3427,3432,3437,3441,3445],{"type":46,"tag":829,"props":3424,"children":3425},{"style":836},[3426],{"type":52,"value":839},{"type":46,"tag":829,"props":3428,"children":3429},{"style":1104},[3430],{"type":52,"value":3431}," React ",{"type":46,"tag":829,"props":3433,"children":3434},{"style":836},[3435],{"type":52,"value":3436},"from",{"type":46,"tag":829,"props":3438,"children":3439},{"style":842},[3440],{"type":52,"value":845},{"type":46,"tag":829,"props":3442,"children":3443},{"style":848},[3444],{"type":52,"value":15},{"type":46,"tag":829,"props":3446,"children":3447},{"style":842},[3448],{"type":52,"value":856},{"type":46,"tag":829,"props":3450,"children":3451},{"class":831,"line":1133},[3452,3456,3461,3465,3469,3474],{"type":46,"tag":829,"props":3453,"children":3454},{"style":836},[3455],{"type":52,"value":839},{"type":46,"tag":829,"props":3457,"children":3458},{"style":1104},[3459],{"type":52,"value":3460}," styles ",{"type":46,"tag":829,"props":3462,"children":3463},{"style":836},[3464],{"type":52,"value":3436},{"type":46,"tag":829,"props":3466,"children":3467},{"style":842},[3468],{"type":52,"value":845},{"type":46,"tag":829,"props":3470,"children":3471},{"style":848},[3472],{"type":52,"value":3473},".\u002FComponentName.module.css",{"type":46,"tag":829,"props":3475,"children":3476},{"style":842},[3477],{"type":52,"value":856},{"type":46,"tag":829,"props":3479,"children":3480},{"class":831,"line":1143},[3481],{"type":46,"tag":829,"props":3482,"children":3483},{"emptyLinePlaceholder":1137},[3484],{"type":52,"value":1140},{"type":46,"tag":829,"props":3486,"children":3487},{"class":831,"line":1707},[3488,3492,3496,3501,3506],{"type":46,"tag":829,"props":3489,"children":3490},{"style":836},[3491],{"type":52,"value":1632},{"type":46,"tag":829,"props":3493,"children":3494},{"style":1640},[3495],{"type":52,"value":1643},{"type":46,"tag":829,"props":3497,"children":3498},{"style":1646},[3499],{"type":52,"value":3500}," ComponentName",{"type":46,"tag":829,"props":3502,"children":3503},{"style":842},[3504],{"type":52,"value":3505},"()",{"type":46,"tag":829,"props":3507,"children":3508},{"style":842},[3509],{"type":52,"value":1704},{"type":46,"tag":829,"props":3511,"children":3512},{"class":831,"line":268},[3513,3517],{"type":46,"tag":829,"props":3514,"children":3515},{"style":836},[3516],{"type":52,"value":1713},{"type":46,"tag":829,"props":3518,"children":3519},{"style":1672},[3520],{"type":52,"value":1718},{"type":46,"tag":829,"props":3522,"children":3523},{"class":831,"line":1738},[3524,3528,3532,3537,3542,3547,3551,3556],{"type":46,"tag":829,"props":3525,"children":3526},{"style":842},[3527],{"type":52,"value":1726},{"type":46,"tag":829,"props":3529,"children":3530},{"style":1672},[3531],{"type":52,"value":1731},{"type":46,"tag":829,"props":3533,"children":3534},{"style":1640},[3535],{"type":52,"value":3536}," className",{"type":46,"tag":829,"props":3538,"children":3539},{"style":842},[3540],{"type":52,"value":3541},"={",{"type":46,"tag":829,"props":3543,"children":3544},{"style":1104},[3545],{"type":52,"value":3546},"styles",{"type":46,"tag":829,"props":3548,"children":3549},{"style":842},[3550],{"type":52,"value":1689},{"type":46,"tag":829,"props":3552,"children":3553},{"style":1104},[3554],{"type":52,"value":3555},"container",{"type":46,"tag":829,"props":3557,"children":3558},{"style":842},[3559],{"type":52,"value":3560},"}>\n",{"type":46,"tag":829,"props":3562,"children":3563},{"class":831,"line":1756},[3564,3568,3573],{"type":46,"tag":829,"props":3565,"children":3566},{"style":842},[3567],{"type":52,"value":1762},{"type":46,"tag":829,"props":3569,"children":3570},{"style":1840},[3571],{"type":52,"value":3572},"\u002F* Component markup *\u002F",{"type":46,"tag":829,"props":3574,"children":3575},{"style":842},[3576],{"type":52,"value":1772},{"type":46,"tag":829,"props":3578,"children":3579},{"class":831,"line":1775},[3580,3584,3588],{"type":46,"tag":829,"props":3581,"children":3582},{"style":842},[3583],{"type":52,"value":1781},{"type":46,"tag":829,"props":3585,"children":3586},{"style":1672},[3587],{"type":52,"value":1731},{"type":46,"tag":829,"props":3589,"children":3590},{"style":842},[3591],{"type":52,"value":1410},{"type":46,"tag":829,"props":3593,"children":3594},{"class":831,"line":398},[3595],{"type":46,"tag":829,"props":3596,"children":3597},{"style":1672},[3598],{"type":52,"value":1797},{"type":46,"tag":829,"props":3600,"children":3601},{"class":831,"line":1800},[3602],{"type":46,"tag":829,"props":3603,"children":3604},{"style":842},[3605],{"type":52,"value":1772},{"type":46,"tag":55,"props":3607,"children":3608},{},[3609,3614],{"type":46,"tag":71,"props":3610,"children":3611},{},[3612],{"type":52,"value":3613},"Index File:",{"type":52,"value":3615},"\nExports all components for easy importing:",{"type":46,"tag":670,"props":3617,"children":3621},{"className":3618,"code":3619,"language":3620,"meta":678,"style":678},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export { ComponentName } from '.\u002FComponentName'\nexport { AnotherComponent } from '.\u002FAnotherComponent'\n","ts",[3622],{"type":46,"tag":87,"props":3623,"children":3624},{"__ignoreMap":678},[3625,3661],{"type":46,"tag":829,"props":3626,"children":3627},{"class":831,"line":832},[3628,3632,3636,3640,3644,3648,3652,3657],{"type":46,"tag":829,"props":3629,"children":3630},{"style":836},[3631],{"type":52,"value":1632},{"type":46,"tag":829,"props":3633,"children":3634},{"style":842},[3635],{"type":52,"value":1101},{"type":46,"tag":829,"props":3637,"children":3638},{"style":1104},[3639],{"type":52,"value":3500},{"type":46,"tag":829,"props":3641,"children":3642},{"style":842},[3643],{"type":52,"value":1112},{"type":46,"tag":829,"props":3645,"children":3646},{"style":836},[3647],{"type":52,"value":1117},{"type":46,"tag":829,"props":3649,"children":3650},{"style":842},[3651],{"type":52,"value":845},{"type":46,"tag":829,"props":3653,"children":3654},{"style":848},[3655],{"type":52,"value":3656},".\u002FComponentName",{"type":46,"tag":829,"props":3658,"children":3659},{"style":842},[3660],{"type":52,"value":856},{"type":46,"tag":829,"props":3662,"children":3663},{"class":831,"line":1133},[3664,3668,3672,3677,3681,3685,3689,3694],{"type":46,"tag":829,"props":3665,"children":3666},{"style":836},[3667],{"type":52,"value":1632},{"type":46,"tag":829,"props":3669,"children":3670},{"style":842},[3671],{"type":52,"value":1101},{"type":46,"tag":829,"props":3673,"children":3674},{"style":1104},[3675],{"type":52,"value":3676}," AnotherComponent",{"type":46,"tag":829,"props":3678,"children":3679},{"style":842},[3680],{"type":52,"value":1112},{"type":46,"tag":829,"props":3682,"children":3683},{"style":836},[3684],{"type":52,"value":1117},{"type":46,"tag":829,"props":3686,"children":3687},{"style":842},[3688],{"type":52,"value":845},{"type":46,"tag":829,"props":3690,"children":3691},{"style":848},[3692],{"type":52,"value":3693},".\u002FAnotherComponent",{"type":46,"tag":829,"props":3695,"children":3696},{"style":842},[3697],{"type":52,"value":856},{"type":46,"tag":196,"props":3699,"children":3701},{"id":3700},"error-handling",[3702],{"type":52,"value":3703},"Error Handling",{"type":46,"tag":55,"props":3705,"children":3706},{},[3707],{"type":46,"tag":71,"props":3708,"children":3709},{},[3710],{"type":52,"value":3711},"CLI Not Installed:",{"type":46,"tag":670,"props":3713,"children":3716},{"className":3714,"code":3715,"language":52},[673],"❌ Webflow CLI Not Found\n\nThe Webflow CLI is required for DevLink.\n\nInstallation:\nnpm install -g @webflow\u002Fwebflow-cli\n\nAfter installation, verify:\nwebflow --version\n\nDocumentation: https:\u002F\u002Fdevelopers.webflow.com\u002Fcli\n",[3717],{"type":46,"tag":87,"props":3718,"children":3719},{"__ignoreMap":678},[3720],{"type":52,"value":3715},{"type":46,"tag":55,"props":3722,"children":3723},{},[3724],{"type":46,"tag":71,"props":3725,"children":3726},{},[3727],{"type":52,"value":3728},"Not Authenticated:",{"type":46,"tag":670,"props":3730,"children":3733},{"className":3731,"code":3732,"language":52},[673],"❌ Not Authenticated\n\nDevLink needs authentication to access your Webflow site.\n\nSteps:\n1. Run: webflow auth login\n2. Follow authentication prompts in browser\n3. Select your site when prompted\n4. Verify: .env file created with:\n   - WEBFLOW_SITE_ID\n   - WEBFLOW_SITE_API_TOKEN\n5. Retry sync\n\nNeed help? https:\u002F\u002Fdevelopers.webflow.com\u002Fcli\u002Fauthentication\n",[3734],{"type":46,"tag":87,"props":3735,"children":3736},{"__ignoreMap":678},[3737],{"type":52,"value":3732},{"type":46,"tag":55,"props":3739,"children":3740},{},[3741],{"type":46,"tag":71,"props":3742,"children":3743},{},[3744],{"type":52,"value":3745},"No Configuration:",{"type":46,"tag":670,"props":3747,"children":3750},{"className":3748,"code":3749,"language":52},[673],"❌ DevLink Not Configured\n\nNo webflow.json with devlink configuration found.\n\nCreate webflow.json in project root:\n{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fdevlink\",\n    \"cssModules\": true,\n    \"fileExtensions\": {\n      \"js\": \"jsx\"  \u002F\u002F or \"tsx\" for TypeScript\n    }\n  }\n}\n\nRequired fields:\n- rootDir: Where to export components\n\nAfter configuration, run: webflow devlink sync\n",[3751],{"type":46,"tag":87,"props":3752,"children":3753},{"__ignoreMap":678},[3754],{"type":52,"value":3749},{"type":46,"tag":55,"props":3756,"children":3757},{},[3758],{"type":46,"tag":71,"props":3759,"children":3760},{},[3761],{"type":52,"value":3762},"Sync Failures:",{"type":46,"tag":670,"props":3764,"children":3767},{"className":3765,"code":3766,"language":52},[673],"❌ Sync Failed\n\nError: [Specific error from CLI]\n\nCommon Causes:\n- Network connection issues\n- Invalid site ID or API token\n- Insufficient permissions\n- Site has no components to export\n\nSolutions:\n1. Check internet connection\n2. Verify credentials in .env\n3. Check site permissions in Webflow\n4. Ensure site has published components\n5. Try: webflow devlink sync --site-id \u003Cid> --api-token \u003Ctoken>\n\nRetry sync? (yes\u002Fno)\n",[3768],{"type":46,"tag":87,"props":3769,"children":3770},{"__ignoreMap":678},[3771],{"type":52,"value":3766},{"type":46,"tag":55,"props":3773,"children":3774},{},[3775],{"type":46,"tag":71,"props":3776,"children":3777},{},[3778],{"type":52,"value":3779},"Invalid Site ID:",{"type":46,"tag":670,"props":3781,"children":3784},{"className":3782,"code":3783,"language":52},[673],"❌ Invalid Site ID\n\nThe provided site ID is invalid or inaccessible.\n\nCheck:\n1. Verify WEBFLOW_SITE_ID in .env\n2. Ensure you have access to the site\n3. Check site ID in Webflow dashboard\n\nGet site ID:\n1. Open site in Webflow\n2. Go to Site Settings\n3. Find Site ID in General tab\n\nUpdate .env and retry sync.\n",[3785],{"type":46,"tag":87,"props":3786,"children":3787},{"__ignoreMap":678},[3788],{"type":52,"value":3783},{"type":46,"tag":196,"props":3790,"children":3792},{"id":3791},"file-operations",[3793],{"type":52,"value":3794},"File Operations",{"type":46,"tag":55,"props":3796,"children":3797},{},[3798,3803],{"type":46,"tag":71,"props":3799,"children":3800},{},[3801],{"type":52,"value":3802},"Reading Files:",{"type":52,"value":3804},"\nAlways use Read tool (never modify):",{"type":46,"tag":670,"props":3806,"children":3809},{"className":3807,"code":3808,"language":52},[673],"# View DevLink configuration\nRead: webflow.json\n\n# View environment\nRead: .env\n\n# View generated component\nRead: .\u002Fdevlink\u002FNavigation.tsx\n\n# View generated styles\nRead: .\u002Fdevlink\u002FNavigation.module.css\n",[3810],{"type":46,"tag":87,"props":3811,"children":3812},{"__ignoreMap":678},[3813],{"type":52,"value":3808},{"type":46,"tag":55,"props":3815,"children":3816},{},[3817,3822],{"type":46,"tag":71,"props":3818,"children":3819},{},[3820],{"type":52,"value":3821},"Discovering Files:",{"type":52,"value":3823},"\nUse Glob tool to find files:",{"type":46,"tag":670,"props":3825,"children":3828},{"className":3826,"code":3827,"language":52},[673],"# Find all generated components\nGlob: .\u002Fdevlink\u002F**\u002F*.tsx\n\n# Find all CSS modules\nGlob: .\u002Fdevlink\u002F**\u002F*.module.css\n\n# Find configuration\nGlob: webflow.json\n",[3829],{"type":46,"tag":87,"props":3830,"children":3831},{"__ignoreMap":678},[3832],{"type":52,"value":3827},{"type":46,"tag":55,"props":3834,"children":3835},{},[3836],{"type":46,"tag":71,"props":3837,"children":3838},{},[3839],{"type":52,"value":3840},"Never Use Write\u002FEdit Tools:",{"type":46,"tag":77,"props":3842,"children":3843},{},[3844,3849,3854,3859],{"type":46,"tag":81,"props":3845,"children":3846},{},[3847],{"type":52,"value":3848},"Don't create webflow.json with Write (show user the structure)",{"type":46,"tag":81,"props":3850,"children":3851},{},[3852],{"type":52,"value":3853},"Don't modify generated components",{"type":46,"tag":81,"props":3855,"children":3856},{},[3857],{"type":52,"value":3858},"Let CLI handle file generation",{"type":46,"tag":81,"props":3860,"children":3861},{},[3862],{"type":52,"value":3863},"Only read files to show content and diffs",{"type":46,"tag":196,"props":3865,"children":3867},{"id":3866},"progress-indicators",[3868],{"type":52,"value":3869},"Progress Indicators",{"type":46,"tag":55,"props":3871,"children":3872},{},[3873],{"type":46,"tag":71,"props":3874,"children":3875},{},[3876],{"type":52,"value":3877},"For Sync:",{"type":46,"tag":670,"props":3879,"children":3882},{"className":3880,"code":3881,"language":52},[673],"🔄 Syncing Components...\n\nConnecting to Webflow... ✓\nFetching components... ✓\nGenerating React code... ⏳\nCreating CSS modules... ⏳\n\nProcessed: 3\u002F5 components\nElapsed: 8s\n",[3883],{"type":46,"tag":87,"props":3884,"children":3885},{"__ignoreMap":678},[3886],{"type":52,"value":3881},{"type":46,"tag":196,"props":3888,"children":3890},{"id":3889},"best-practices",[3891],{"type":52,"value":3892},"Best Practices",{"type":46,"tag":55,"props":3894,"children":3895},{},[3896],{"type":46,"tag":71,"props":3897,"children":3898},{},[3899],{"type":52,"value":3900},"Configuration:",{"type":46,"tag":77,"props":3902,"children":3903},{},[3904,3909,3914,3919],{"type":46,"tag":81,"props":3905,"children":3906},{},[3907],{"type":52,"value":3908},"Keep webflow.json in project root",{"type":46,"tag":81,"props":3910,"children":3911},{},[3912],{"type":52,"value":3913},"Use TypeScript (.tsx) for better type safety",{"type":46,"tag":81,"props":3915,"children":3916},{},[3917],{"type":52,"value":3918},"Enable CSS modules for scoped styling",{"type":46,"tag":81,"props":3920,"children":3921},{},[3922],{"type":52,"value":3923},"Use specific component regex patterns for large sites",{"type":46,"tag":55,"props":3925,"children":3926},{},[3927],{"type":46,"tag":71,"props":3928,"children":3929},{},[3930],{"type":52,"value":3931},"Development Workflow:",{"type":46,"tag":203,"props":3933,"children":3934},{},[3935,3940,3945,3955,3960],{"type":46,"tag":81,"props":3936,"children":3937},{},[3938],{"type":52,"value":3939},"Design in Webflow Designer",{"type":46,"tag":81,"props":3941,"children":3942},{},[3943],{"type":52,"value":3944},"Publish changes",{"type":46,"tag":81,"props":3946,"children":3947},{},[3948,3950],{"type":52,"value":3949},"Run ",{"type":46,"tag":87,"props":3951,"children":3953},{"className":3952},[],[3954],{"type":52,"value":92},{"type":46,"tag":81,"props":3956,"children":3957},{},[3958],{"type":52,"value":3959},"Review diffs before integrating",{"type":46,"tag":81,"props":3961,"children":3962},{},[3963],{"type":52,"value":3964},"Test components in your app",{"type":46,"tag":55,"props":3966,"children":3967},{},[3968],{"type":46,"tag":71,"props":3969,"children":3970},{},[3971],{"type":52,"value":3972},"Integration:",{"type":46,"tag":77,"props":3974,"children":3975},{},[3976,3981,3986,3991],{"type":46,"tag":81,"props":3977,"children":3978},{},[3979],{"type":52,"value":3980},"Import global styles (_webflow-style.css) in app entry point",{"type":46,"tag":81,"props":3982,"children":3983},{},[3984],{"type":52,"value":3985},"Import components where needed",{"type":46,"tag":81,"props":3987,"children":3988},{},[3989],{"type":52,"value":3990},"Don't modify generated files (will be overwritten)",{"type":46,"tag":81,"props":3992,"children":3993},{},[3994],{"type":52,"value":3995},"Wrap DevLink components if customization needed",{"type":46,"tag":55,"props":3997,"children":3998},{},[3999],{"type":46,"tag":71,"props":4000,"children":4001},{},[4002],{"type":52,"value":4003},"Version Control:",{"type":46,"tag":77,"props":4005,"children":4006},{},[4007,4012,4017,4022],{"type":46,"tag":81,"props":4008,"children":4009},{},[4010],{"type":52,"value":4011},"Commit webflow.json",{"type":46,"tag":81,"props":4013,"children":4014},{},[4015],{"type":52,"value":4016},"Add .env to .gitignore",{"type":46,"tag":81,"props":4018,"children":4019},{},[4020],{"type":52,"value":4021},"Commit generated devlink\u002F directory (or add to .gitignore)",{"type":46,"tag":81,"props":4023,"children":4024},{},[4025],{"type":52,"value":4026},"Document last sync timestamp",{"type":46,"tag":55,"props":4028,"children":4029},{},[4030],{"type":46,"tag":71,"props":4031,"children":4032},{},[4033],{"type":52,"value":4034},"Multiple Sites:",{"type":46,"tag":77,"props":4036,"children":4037},{},[4038,4043,4055,4060],{"type":46,"tag":81,"props":4039,"children":4040},{},[4041],{"type":52,"value":4042},"Use different rootDir for each site",{"type":46,"tag":81,"props":4044,"children":4045},{},[4046,4048,4053],{"type":52,"value":4047},"Or use ",{"type":46,"tag":87,"props":4049,"children":4051},{"className":4050},[],[4052],{"type":52,"value":372},{"type":52,"value":4054}," pattern to filter",{"type":46,"tag":81,"props":4056,"children":4057},{},[4058],{"type":52,"value":4059},"Override credentials with --site-id and --api-token",{"type":46,"tag":81,"props":4061,"children":4062},{},[4063],{"type":52,"value":4064},"Maintain separate .env files",{"type":46,"tag":61,"props":4066,"children":4068},{"id":4067},"quick-reference",[4069],{"type":52,"value":4070},"Quick Reference",{"type":46,"tag":55,"props":4072,"children":4073},{},[4074,4079],{"type":46,"tag":71,"props":4075,"children":4076},{},[4077],{"type":52,"value":4078},"Workflow:",{"type":52,"value":4080}," configure webflow.json → authenticate → sync",{"type":46,"tag":55,"props":4082,"children":4083},{},[4084],{"type":46,"tag":71,"props":4085,"children":4086},{},[4087],{"type":52,"value":4088},"Key Commands:",{"type":46,"tag":77,"props":4090,"children":4091},{},[4092,4102],{"type":46,"tag":81,"props":4093,"children":4094},{},[4095,4100],{"type":46,"tag":87,"props":4096,"children":4098},{"className":4097},[],[4099],{"type":52,"value":92},{"type":52,"value":4101}," - Sync components from Webflow",{"type":46,"tag":81,"props":4103,"children":4104},{},[4105,4111],{"type":46,"tag":87,"props":4106,"children":4108},{"className":4107},[],[4109],{"type":52,"value":4110},"webflow devlink sync -s \u003Cid> -t \u003Ctoken>",{"type":52,"value":4112}," - Sync with overrides",{"type":46,"tag":55,"props":4114,"children":4115},{},[4116],{"type":46,"tag":71,"props":4117,"children":4118},{},[4119],{"type":52,"value":3327},{"type":46,"tag":77,"props":4121,"children":4122},{},[4123,4139],{"type":46,"tag":81,"props":4124,"children":4125},{},[4126,4131,4132,4137],{"type":46,"tag":87,"props":4127,"children":4129},{"className":4128},[],[4130],{"type":52,"value":454},{"type":52,"value":3340},{"type":46,"tag":87,"props":4133,"children":4135},{"className":4134},[],[4136],{"type":52,"value":447},{"type":52,"value":4138}," - Override site ID",{"type":46,"tag":81,"props":4140,"children":4141},{},[4142,4147,4148,4153],{"type":46,"tag":87,"props":4143,"children":4145},{"className":4144},[],[4146],{"type":52,"value":436},{"type":52,"value":3340},{"type":46,"tag":87,"props":4149,"children":4151},{"className":4150},[],[4152],{"type":52,"value":428},{"type":52,"value":4154}," - Override API token",{"type":46,"tag":55,"props":4156,"children":4157},{},[4158,4162],{"type":46,"tag":71,"props":4159,"children":4160},{},[4161],{"type":52,"value":3900},{"type":52,"value":4163}," webflow.json with devlink section",{"type":46,"tag":55,"props":4165,"children":4166},{},[4167],{"type":46,"tag":71,"props":4168,"children":4169},{},[4170],{"type":52,"value":4171},"Schema (Required):",{"type":46,"tag":670,"props":4173,"children":4175},{"className":1944,"code":4174,"language":1946,"meta":678,"style":678},"{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fdevlink\"  \u002F\u002F Required\n  }\n}\n",[4176],{"type":46,"tag":87,"props":4177,"children":4178},{"__ignoreMap":678},[4179,4186,4209,4245,4252],{"type":46,"tag":829,"props":4180,"children":4181},{"class":831,"line":832},[4182],{"type":46,"tag":829,"props":4183,"children":4184},{"style":842},[4185],{"type":52,"value":1958},{"type":46,"tag":829,"props":4187,"children":4188},{"class":831,"line":1133},[4189,4193,4197,4201,4205],{"type":46,"tag":829,"props":4190,"children":4191},{"style":842},[4192],{"type":52,"value":1966},{"type":46,"tag":829,"props":4194,"children":4195},{"style":1640},[4196],{"type":52,"value":49},{"type":46,"tag":829,"props":4198,"children":4199},{"style":842},[4200],{"type":52,"value":1975},{"type":46,"tag":829,"props":4202,"children":4203},{"style":842},[4204],{"type":52,"value":1679},{"type":46,"tag":829,"props":4206,"children":4207},{"style":842},[4208],{"type":52,"value":1704},{"type":46,"tag":829,"props":4210,"children":4211},{"class":831,"line":1143},[4212,4216,4220,4224,4228,4232,4236,4240],{"type":46,"tag":829,"props":4213,"children":4214},{"style":842},[4215],{"type":52,"value":1991},{"type":46,"tag":829,"props":4217,"children":4218},{"style":1152},[4219],{"type":52,"value":309},{"type":46,"tag":829,"props":4221,"children":4222},{"style":842},[4223],{"type":52,"value":1975},{"type":46,"tag":829,"props":4225,"children":4226},{"style":842},[4227],{"type":52,"value":1679},{"type":46,"tag":829,"props":4229,"children":4230},{"style":842},[4231],{"type":52,"value":2008},{"type":46,"tag":829,"props":4233,"children":4234},{"style":848},[4235],{"type":52,"value":2013},{"type":46,"tag":829,"props":4237,"children":4238},{"style":842},[4239],{"type":52,"value":1975},{"type":46,"tag":829,"props":4241,"children":4242},{"style":1840},[4243],{"type":52,"value":4244},"  \u002F\u002F Required\n",{"type":46,"tag":829,"props":4246,"children":4247},{"class":831,"line":1707},[4248],{"type":46,"tag":829,"props":4249,"children":4250},{"style":842},[4251],{"type":52,"value":2121},{"type":46,"tag":829,"props":4253,"children":4254},{"class":831,"line":268},[4255],{"type":46,"tag":829,"props":4256,"children":4257},{"style":842},[4258],{"type":52,"value":1772},{"type":46,"tag":55,"props":4260,"children":4261},{},[4262],{"type":46,"tag":71,"props":4263,"children":4264},{},[4265],{"type":52,"value":4266},"Schema (Common):",{"type":46,"tag":670,"props":4268,"children":4270},{"className":1944,"code":4269,"language":1946,"meta":678,"style":678},"{\n  \"devlink\": {\n    \"rootDir\": \".\u002Fdevlink\",\n    \"cssModules\": true,\n    \"fileExtensions\": {\n      \"js\": \"jsx\"  \u002F\u002F or \"tsx\"\n    }\n  }\n}\n",[4271],{"type":46,"tag":87,"props":4272,"children":4273},{"__ignoreMap":678},[4274,4281,4304,4339,4362,4385,4421,4428,4435],{"type":46,"tag":829,"props":4275,"children":4276},{"class":831,"line":832},[4277],{"type":46,"tag":829,"props":4278,"children":4279},{"style":842},[4280],{"type":52,"value":1958},{"type":46,"tag":829,"props":4282,"children":4283},{"class":831,"line":1133},[4284,4288,4292,4296,4300],{"type":46,"tag":829,"props":4285,"children":4286},{"style":842},[4287],{"type":52,"value":1966},{"type":46,"tag":829,"props":4289,"children":4290},{"style":1640},[4291],{"type":52,"value":49},{"type":46,"tag":829,"props":4293,"children":4294},{"style":842},[4295],{"type":52,"value":1975},{"type":46,"tag":829,"props":4297,"children":4298},{"style":842},[4299],{"type":52,"value":1679},{"type":46,"tag":829,"props":4301,"children":4302},{"style":842},[4303],{"type":52,"value":1704},{"type":46,"tag":829,"props":4305,"children":4306},{"class":831,"line":1143},[4307,4311,4315,4319,4323,4327,4331,4335],{"type":46,"tag":829,"props":4308,"children":4309},{"style":842},[4310],{"type":52,"value":1991},{"type":46,"tag":829,"props":4312,"children":4313},{"style":1152},[4314],{"type":52,"value":309},{"type":46,"tag":829,"props":4316,"children":4317},{"style":842},[4318],{"type":52,"value":1975},{"type":46,"tag":829,"props":4320,"children":4321},{"style":842},[4322],{"type":52,"value":1679},{"type":46,"tag":829,"props":4324,"children":4325},{"style":842},[4326],{"type":52,"value":2008},{"type":46,"tag":829,"props":4328,"children":4329},{"style":848},[4330],{"type":52,"value":2013},{"type":46,"tag":829,"props":4332,"children":4333},{"style":842},[4334],{"type":52,"value":1975},{"type":46,"tag":829,"props":4336,"children":4337},{"style":842},[4338],{"type":52,"value":2022},{"type":46,"tag":829,"props":4340,"children":4341},{"class":831,"line":1707},[4342,4346,4350,4354,4358],{"type":46,"tag":829,"props":4343,"children":4344},{"style":842},[4345],{"type":52,"value":1991},{"type":46,"tag":829,"props":4347,"children":4348},{"style":1152},[4349],{"type":52,"value":320},{"type":46,"tag":829,"props":4351,"children":4352},{"style":842},[4353],{"type":52,"value":1975},{"type":46,"tag":829,"props":4355,"children":4356},{"style":842},[4357],{"type":52,"value":1679},{"type":46,"tag":829,"props":4359,"children":4360},{"style":842},[4361],{"type":52,"value":2046},{"type":46,"tag":829,"props":4363,"children":4364},{"class":831,"line":268},[4365,4369,4373,4377,4381],{"type":46,"tag":829,"props":4366,"children":4367},{"style":842},[4368],{"type":52,"value":1991},{"type":46,"tag":829,"props":4370,"children":4371},{"style":1152},[4372],{"type":52,"value":331},{"type":46,"tag":829,"props":4374,"children":4375},{"style":842},[4376],{"type":52,"value":1975},{"type":46,"tag":829,"props":4378,"children":4379},{"style":842},[4380],{"type":52,"value":1679},{"type":46,"tag":829,"props":4382,"children":4383},{"style":842},[4384],{"type":52,"value":1704},{"type":46,"tag":829,"props":4386,"children":4387},{"class":831,"line":1738},[4388,4392,4396,4400,4404,4408,4412,4416],{"type":46,"tag":829,"props":4389,"children":4390},{"style":842},[4391],{"type":52,"value":2077},{"type":46,"tag":829,"props":4393,"children":4394},{"style":2080},[4395],{"type":52,"value":2083},{"type":46,"tag":829,"props":4397,"children":4398},{"style":842},[4399],{"type":52,"value":1975},{"type":46,"tag":829,"props":4401,"children":4402},{"style":842},[4403],{"type":52,"value":1679},{"type":46,"tag":829,"props":4405,"children":4406},{"style":842},[4407],{"type":52,"value":2008},{"type":46,"tag":829,"props":4409,"children":4410},{"style":848},[4411],{"type":52,"value":2100},{"type":46,"tag":829,"props":4413,"children":4414},{"style":842},[4415],{"type":52,"value":1975},{"type":46,"tag":829,"props":4417,"children":4418},{"style":1840},[4419],{"type":52,"value":4420},"  \u002F\u002F or \"tsx\"\n",{"type":46,"tag":829,"props":4422,"children":4423},{"class":831,"line":1756},[4424],{"type":46,"tag":829,"props":4425,"children":4426},{"style":842},[4427],{"type":52,"value":2113},{"type":46,"tag":829,"props":4429,"children":4430},{"class":831,"line":1775},[4431],{"type":46,"tag":829,"props":4432,"children":4433},{"style":842},[4434],{"type":52,"value":2121},{"type":46,"tag":829,"props":4436,"children":4437},{"class":831,"line":398},[4438],{"type":46,"tag":829,"props":4439,"children":4440},{"style":842},[4441],{"type":52,"value":1772},{"type":46,"tag":55,"props":4443,"children":4444},{},[4445,4450,4452],{"type":46,"tag":71,"props":4446,"children":4447},{},[4448],{"type":52,"value":4449},"Authentication:",{"type":52,"value":4451}," Site authentication via ",{"type":46,"tag":87,"props":4453,"children":4455},{"className":4454},[],[4456],{"type":52,"value":126},{"type":46,"tag":55,"props":4458,"children":4459},{},[4460,4465],{"type":46,"tag":71,"props":4461,"children":4462},{},[4463],{"type":52,"value":4464},"Environment:",{"type":52,"value":4466}," WEBFLOW_SITE_ID and WEBFLOW_SITE_API_TOKEN in .env",{"type":46,"tag":55,"props":4468,"children":4469},{},[4470,4475,4477,4482],{"type":46,"tag":71,"props":4471,"children":4472},{},[4473],{"type":52,"value":4474},"Verification:",{"type":52,"value":4476}," Check ",{"type":46,"tag":87,"props":4478,"children":4480},{"className":4479},[],[4481],{"type":52,"value":115},{"type":52,"value":4483}," and site authentication first",{"type":46,"tag":55,"props":4485,"children":4486},{},[4487,4492],{"type":46,"tag":71,"props":4488,"children":4489},{},[4490],{"type":52,"value":4491},"Generated Files:",{"type":52,"value":4493}," React components in rootDir with CSS modules",{"type":46,"tag":55,"props":4495,"children":4496},{},[4497,4502,4504],{"type":46,"tag":71,"props":4498,"children":4499},{},[4500],{"type":52,"value":4501},"Documentation:",{"type":52,"value":4503}," ",{"type":46,"tag":4505,"props":4506,"children":4510},"a",{"href":4507,"rel":4508},"https:\u002F\u002Fdevelopers.webflow.com\u002Fdevlink",[4509],"nofollow",[4511],{"type":52,"value":4507},{"type":46,"tag":4513,"props":4514,"children":4515},"style",{},[4516],{"type":52,"value":4517},"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":4519,"total":4695},[4520,4539,4554,4571,4579,4595,4611,4625,4639,4651,4665,4681],{"slug":4521,"name":4522,"fn":4523,"description":4524,"org":4525,"tags":4526,"stars":27,"repoUrl":28,"updatedAt":4538},"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},[4527,4528,4531,4534,4537],{"name":21,"slug":22,"type":16},{"name":4529,"slug":4530,"type":16},"Cloud","cloud",{"name":4532,"slug":4533,"type":16},"Deployment","deployment",{"name":4535,"slug":4536,"type":16},"Full-stack","full-stack",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:47.514609",{"slug":4540,"name":4541,"fn":4542,"description":4543,"org":4544,"tags":4545,"stars":27,"repoUrl":28,"updatedAt":4553},"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},[4546,4547,4548,4549,4552],{"name":21,"slug":22,"type":16},{"name":4532,"slug":4533,"type":16},{"name":14,"slug":15,"type":16},{"name":4550,"slug":4551,"type":16},"UI Components","ui-components",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:41.421071",{"slug":4555,"name":4556,"fn":4557,"description":4558,"org":4559,"tags":4560,"stars":27,"repoUrl":28,"updatedAt":4570},"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},[4561,4562,4565,4566,4569],{"name":21,"slug":22,"type":16},{"name":4563,"slug":4564,"type":16},"Plugin Development","plugin-development",{"name":14,"slug":15,"type":16},{"name":4567,"slug":4568,"type":16},"TypeScript","typescript",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:43.853573",{"slug":4,"name":5,"fn":6,"description":7,"org":4572,"tags":4573,"stars":27,"repoUrl":28,"updatedAt":29},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[4574,4575,4576,4577,4578],{"name":21,"slug":22,"type":16},{"name":25,"slug":26,"type":16},{"name":18,"slug":19,"type":16},{"name":14,"slug":15,"type":16},{"name":10,"slug":9,"type":16},{"slug":4580,"name":4581,"fn":4582,"description":4583,"org":4584,"tags":4585,"stars":27,"repoUrl":28,"updatedAt":4594},"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},[4586,4587,4590,4593],{"name":21,"slug":22,"type":16},{"name":4588,"slug":4589,"type":16},"Configuration","configuration",{"name":4591,"slug":4592,"type":16},"Debugging","debugging",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:48.831648",{"slug":4596,"name":4597,"fn":4598,"description":4599,"org":4600,"tags":4601,"stars":27,"repoUrl":28,"updatedAt":4610},"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},[4602,4605,4608,4609],{"name":4603,"slug":4604,"type":16},"Architecture","architecture",{"name":4606,"slug":4607,"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":4612,"name":4613,"fn":4614,"description":4615,"org":4616,"tags":4617,"stars":27,"repoUrl":28,"updatedAt":4624},"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},[4618,4619,4620,4623],{"name":25,"slug":26,"type":16},{"name":14,"slug":15,"type":16},{"name":4621,"slug":4622,"type":16},"Templates","templates",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:42.638042",{"slug":4626,"name":4627,"fn":4628,"description":4629,"org":4630,"tags":4631,"stars":27,"repoUrl":28,"updatedAt":4638},"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},[4632,4635,4636,4637],{"name":4633,"slug":4634,"type":16},"Migration","migration",{"name":14,"slug":15,"type":16},{"name":4567,"slug":4568,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:52.523608",{"slug":4640,"name":4641,"fn":4642,"description":4643,"org":4644,"tags":4645,"stars":27,"repoUrl":28,"updatedAt":4650},"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},[4646,4647,4648,4649],{"name":4532,"slug":4533,"type":16},{"name":25,"slug":26,"type":16},{"name":14,"slug":15,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:38.947875",{"slug":4652,"name":4653,"fn":4654,"description":4655,"org":4656,"tags":4657,"stars":27,"repoUrl":28,"updatedAt":4664},"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},[4658,4659,4662,4663],{"name":4588,"slug":4589,"type":16},{"name":4660,"slug":4661,"type":16},"Local Development","local-development",{"name":14,"slug":15,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:50.062783",{"slug":4666,"name":4667,"fn":4668,"description":4669,"org":4670,"tags":4671,"stars":27,"repoUrl":28,"updatedAt":4680},"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},[4672,4673,4676,4679],{"name":4532,"slug":4533,"type":16},{"name":4674,"slug":4675,"type":16},"QA","qa",{"name":4677,"slug":4678,"type":16},"Validation","validation",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:51.300653",{"slug":4682,"name":4683,"fn":4684,"description":4685,"org":4686,"tags":4687,"stars":27,"repoUrl":28,"updatedAt":4694},"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},[4688,4689,4690,4693],{"name":4591,"slug":4592,"type":16},{"name":4532,"slug":4533,"type":16},{"name":4691,"slug":4692,"type":16},"Observability","observability",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:45.057571",28,{"items":4697,"total":4695},[4698,4706,4714,4722,4730,4737,4744],{"slug":4521,"name":4522,"fn":4523,"description":4524,"org":4699,"tags":4700,"stars":27,"repoUrl":28,"updatedAt":4538},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[4701,4702,4703,4704,4705],{"name":21,"slug":22,"type":16},{"name":4529,"slug":4530,"type":16},{"name":4532,"slug":4533,"type":16},{"name":4535,"slug":4536,"type":16},{"name":10,"slug":9,"type":16},{"slug":4540,"name":4541,"fn":4542,"description":4543,"org":4707,"tags":4708,"stars":27,"repoUrl":28,"updatedAt":4553},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[4709,4710,4711,4712,4713],{"name":21,"slug":22,"type":16},{"name":4532,"slug":4533,"type":16},{"name":14,"slug":15,"type":16},{"name":4550,"slug":4551,"type":16},{"name":10,"slug":9,"type":16},{"slug":4555,"name":4556,"fn":4557,"description":4558,"org":4715,"tags":4716,"stars":27,"repoUrl":28,"updatedAt":4570},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[4717,4718,4719,4720,4721],{"name":21,"slug":22,"type":16},{"name":4563,"slug":4564,"type":16},{"name":14,"slug":15,"type":16},{"name":4567,"slug":4568,"type":16},{"name":10,"slug":9,"type":16},{"slug":4,"name":5,"fn":6,"description":7,"org":4723,"tags":4724,"stars":27,"repoUrl":28,"updatedAt":29},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[4725,4726,4727,4728,4729],{"name":21,"slug":22,"type":16},{"name":25,"slug":26,"type":16},{"name":18,"slug":19,"type":16},{"name":14,"slug":15,"type":16},{"name":10,"slug":9,"type":16},{"slug":4580,"name":4581,"fn":4582,"description":4583,"org":4731,"tags":4732,"stars":27,"repoUrl":28,"updatedAt":4594},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[4733,4734,4735,4736],{"name":21,"slug":22,"type":16},{"name":4588,"slug":4589,"type":16},{"name":4591,"slug":4592,"type":16},{"name":10,"slug":9,"type":16},{"slug":4596,"name":4597,"fn":4598,"description":4599,"org":4738,"tags":4739,"stars":27,"repoUrl":28,"updatedAt":4610},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[4740,4741,4742,4743],{"name":4603,"slug":4604,"type":16},{"name":4606,"slug":4607,"type":16},{"name":14,"slug":15,"type":16},{"name":10,"slug":9,"type":16},{"slug":4612,"name":4613,"fn":4614,"description":4615,"org":4745,"tags":4746,"stars":27,"repoUrl":28,"updatedAt":4624},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[4747,4748,4749,4750],{"name":25,"slug":26,"type":16},{"name":14,"slug":15,"type":16},{"name":4621,"slug":4622,"type":16},{"name":10,"slug":9,"type":16}]