[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6JCMAR25CMF9MZ0VSPAXBDA":3,"skill-same:01M6JCMAR25CMF9MZ0VSPAXBDA":81},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":27,"publishedAt":46,"linkOnly":47,"markdownContent":48,"markdownBody":49,"frontMatter":50,"refName":59,"commitSha":60,"skillDirectory":61,"forksCount":62,"repositoryHtmlUrl":63,"repositoryHomepageUrl":64,"ownerHtmlUrl":65,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":66,"install":67,"resources":80},"01M6JCMAR25CMF9MZ0VSPAXBDA","webflow-cms-access",null,"Access Webflow CMS collections, find API tokens, and update CMS items for Weblyfe agency client sites.","S3YED\u002Fappie-kit","S3YED","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F62743867?v=4","01M6JBKBRRVP6KMS0VWZ27T3R6","01M6JBKBX0KG30284PW1DBYJT1",14,"MIT","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fdevops\u002Fwebflow-cms-access\u002FSKILL.md",[17,22],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000010","后端与接口","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":25,"taxonomyTypeDesc":26},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",[28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45],"webflow cms access","webflow cms","cms","access","webflow","tokens","weblyfe","for","agency","client","sites","collections","macos","find","api","content","update","linux","2026-11-10 10:12:30",false,"---\nname: webflow-cms-access\ndescription: Access Webflow CMS collections, find API tokens, and update CMS items for Weblyfe agency client sites.\nversion: 1.0.0\nauthor: Appie\nlicense: MIT\nplatforms: [macos, linux]\nprerequisites:\n  env_vars: []\nmetadata:\n  hermes:\n    tags: [webflow, cms, api, weblyfe, content]\n---\n\n# Webflow CMS Access\n\nAccess and manage Webflow CMS collections for Weblyfe client sites via the Webflow API v2.\n\n## Finding the right API token\n\nWeblyfe has multiple Webflow client sites, each with its own API token. Tokens live in `~\u002Fclawd\u002F.env.secrets` but follow inconsistent naming.\n\n### Token naming convention across sites\n\nSites and their known env var names (check .env.secrets for current values):\n\n| Site | Env var | Notes |\n|------|---------|-------|\n| General \u002F Workspace | `WEBFLOW_TOKEN`, `WEBFLOW_API_TOKEN` | Usually 401\u002Funauthorized for specific sites |\n| Weblyfe | `WEBFLOW_WEBLYFE_TOKEN` | site_id: `615bd59fd9d3edeb08fd3ea9` |\n| Baliwithflow | `WEBFLOW_BALIWITHFLOW_TOKEN` | |\n| Berend Strik | `WEBFLOW_BEREND_STRIK_TOKEN` | |\n| Peakspring | `WEBFLOW_PEAKSPRING_API_KEY` | |\n| Dubai Property | `WEBFLOW_DUBAI_PROPERTY_TOKEN` | |\n| Mo Ecom | `WEBFLOW_MO_ECOM_TOKEN` | |\n| Vrijheid Vastgoed | `WEBFLOW_VRIJHEID_VASTGOED_TOKEN` | site_id: `66df0e0a697bacd7438ba1a6` — Often NOT SET; ask user to share if missing |\n\n### When a token is missing\n\n1. First, check Notion for the project page — search \"Vrijheid Vastgoed\" or whatever the client name is\n2. Check if there's a Notion page about Webflow token rotation (titled \"Webflow: roteer dode tokens\")\n3. Ask the user to share the API key directly\n4. Do NOT assume a generic\u002Fworkspace token will work — Webflow API tokens are site-scoped\n\n## Loading env secrets properly\n\nThe secrets file `~\u002Fclawd\u002F.env.secrets` does NOT use `export` statements. To load into env:\n\n```bash\n# Wrong — vars won't be exported:\nsource ~\u002Fclawd\u002F.env.secrets\n\n# Right — auto-export:\nset -a && source ~\u002Fclawd\u002F.env.secrets && set +a\n```\n\nOr read values directly with grep\u002Fpython.\n\n## Finding a site ID\n\nEvery Webflow site publishes its site ID in a `data-wf-site` attribute on the live site's HTML:\n\n```javascript\n\u002F\u002F In browser console:\ndocument.querySelector('[data-wf-site]')?.getAttribute('data-wf-site')\n```\n\n## Webflow API v2 basics\n\nBase URL: `https:\u002F\u002Fapi.webflow.com\u002Fv2`\n\nCommon endpoints:\n- `GET \u002Fsites\u002F{site_id}` — site info\n- `GET \u002Fsites\u002F{site_id}\u002Fcollections` — list CMS collections (returns collection IDs)\n- `GET \u002Fcollections\u002F{collection_id}\u002Fitems` — list all CMS items in a collection\n- `GET \u002Fcollections\u002F{collection_id}\u002Fitems\u002F{item_id}` — get single CMS item\n- `PATCH \u002Fcollections\u002F{collection_id}\u002Fitems\u002F{item_id}` — update CMS item\n- `POST \u002Fcollections\u002F{collection_id}\u002Fitems` — create CMS item\n\nAll requests need header:\n- `Authorization: Bearer {token}`\n- `accept-version: 1.0.0`\n\n## Webflow Designer access\n\nThe Webflow designer is at `https:\u002F\u002Fwebflow.com\u002Fdesign\u002F{site-slug}`. The site slug is NOT the domain — you may need to:\n1. Log into Webflow through the browser (subject to bot detection)\n2. Find the slug from API metadata (not directly available via API v2 publicly)\n\n**Note:** Webflow has aggressive bot detection on login\u002Fdesigner pages. Prefer API access over browser-based designer access.\n\n## 1Password integration\n\nThe `op` CLI may be installed but not configured with accounts. Check:\n\n```bash\nop vault list  # returns 'No accounts configured' if not set up\n```\n\nIf the 1Password desktop app is not running, service account needs to be configured. Ask the user if service account credentials are available.\n\n## Pitfalls\n\n- **Token naming is inconsistent** across the Weblyfe fleet — always search broadly in .env.secrets\n- **The general WEBFLOW_TOKEN is a workspace-level token** that returns 401 for individual site operations\n- **Bot detection on webflow.com** — avoid browser-based designer access if possible\n- **env.secrets has no `export`** — use `set -a` trick or read with python\u002Fgrep\n- **API keys expire or can be rotated** — if a token returns 401, it may have been rotated since it was stored\n- **Notion project pages** are the best source for project metadata (URLs, links, credentials), but don't always contain the actual API tokens","# Webflow CMS Access\n\nAccess and manage Webflow CMS collections for Weblyfe client sites via the Webflow API v2.\n\n## Finding the right API token\n\nWeblyfe has multiple Webflow client sites, each with its own API token. Tokens live in `~\u002Fclawd\u002F.env.secrets` but follow inconsistent naming.\n\n### Token naming convention across sites\n\nSites and their known env var names (check .env.secrets for current values):\n\n| Site | Env var | Notes |\n|------|---------|-------|\n| General \u002F Workspace | `WEBFLOW_TOKEN`, `WEBFLOW_API_TOKEN` | Usually 401\u002Funauthorized for specific sites |\n| Weblyfe | `WEBFLOW_WEBLYFE_TOKEN` | site_id: `615bd59fd9d3edeb08fd3ea9` |\n| Baliwithflow | `WEBFLOW_BALIWITHFLOW_TOKEN` | |\n| Berend Strik | `WEBFLOW_BEREND_STRIK_TOKEN` | |\n| Peakspring | `WEBFLOW_PEAKSPRING_API_KEY` | |\n| Dubai Property | `WEBFLOW_DUBAI_PROPERTY_TOKEN` | |\n| Mo Ecom | `WEBFLOW_MO_ECOM_TOKEN` | |\n| Vrijheid Vastgoed | `WEBFLOW_VRIJHEID_VASTGOED_TOKEN` | site_id: `66df0e0a697bacd7438ba1a6` — Often NOT SET; ask user to share if missing |\n\n### When a token is missing\n\n1. First, check Notion for the project page — search \"Vrijheid Vastgoed\" or whatever the client name is\n2. Check if there's a Notion page about Webflow token rotation (titled \"Webflow: roteer dode tokens\")\n3. Ask the user to share the API key directly\n4. Do NOT assume a generic\u002Fworkspace token will work — Webflow API tokens are site-scoped\n\n## Loading env secrets properly\n\nThe secrets file `~\u002Fclawd\u002F.env.secrets` does NOT use `export` statements. To load into env:\n\n```bash\n# Wrong — vars won't be exported:\nsource ~\u002Fclawd\u002F.env.secrets\n\n# Right — auto-export:\nset -a && source ~\u002Fclawd\u002F.env.secrets && set +a\n```\n\nOr read values directly with grep\u002Fpython.\n\n## Finding a site ID\n\nEvery Webflow site publishes its site ID in a `data-wf-site` attribute on the live site's HTML:\n\n```javascript\n\u002F\u002F In browser console:\ndocument.querySelector('[data-wf-site]')?.getAttribute('data-wf-site')\n```\n\n## Webflow API v2 basics\n\nBase URL: `https:\u002F\u002Fapi.webflow.com\u002Fv2`\n\nCommon endpoints:\n- `GET \u002Fsites\u002F{site_id}` — site info\n- `GET \u002Fsites\u002F{site_id}\u002Fcollections` — list CMS collections (returns collection IDs)\n- `GET \u002Fcollections\u002F{collection_id}\u002Fitems` — list all CMS items in a collection\n- `GET \u002Fcollections\u002F{collection_id}\u002Fitems\u002F{item_id}` — get single CMS item\n- `PATCH \u002Fcollections\u002F{collection_id}\u002Fitems\u002F{item_id}` — update CMS item\n- `POST \u002Fcollections\u002F{collection_id}\u002Fitems` — create CMS item\n\nAll requests need header:\n- `Authorization: Bearer {token}`\n- `accept-version: 1.0.0`\n\n## Webflow Designer access\n\nThe Webflow designer is at `https:\u002F\u002Fwebflow.com\u002Fdesign\u002F{site-slug}`. The site slug is NOT the domain — you may need to:\n1. Log into Webflow through the browser (subject to bot detection)\n2. Find the slug from API metadata (not directly available via API v2 publicly)\n\n**Note:** Webflow has aggressive bot detection on login\u002Fdesigner pages. Prefer API access over browser-based designer access.\n\n## 1Password integration\n\nThe `op` CLI may be installed but not configured with accounts. Check:\n\n```bash\nop vault list  # returns 'No accounts configured' if not set up\n```\n\nIf the 1Password desktop app is not running, service account needs to be configured. Ask the user if service account credentials are available.\n\n## Pitfalls\n\n- **Token naming is inconsistent** across the Weblyfe fleet — always search broadly in .env.secrets\n- **The general WEBFLOW_TOKEN is a workspace-level token** that returns 401 for individual site operations\n- **Bot detection on webflow.com** — avoid browser-based designer access if possible\n- **env.secrets has no `export`** — use `set -a` trick or read with python\u002Fgrep\n- **API keys expire or can be rotated** — if a token returns 401, it may have been rotated since it was stored\n- **Notion project pages** are the best source for project metadata (URLs, links, credentials), but don't always contain the actual API tokens",{"name":5,"author":51,"license":14,"version":52,"metadata":53,"platforms":56,"description":7,"prerequisites":57},"Appie","1.0.0",{"hermes":54},{"tags":55},[32,30,42,34,43],[40,45],{"env_vars":58},[],"master","8ec37df6d71fb664ea19d32c079e7d3ff931a8e0","skills\u002Fdevops\u002Fwebflow-cms-access",3,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit","https:\u002F\u002Fweblyfe.ai","https:\u002F\u002Fgithub.com\u002FS3YED","2026-08-27 01:54:02",{"source":8,"skillName":5,"commands":68,"prompt":78,"zipAvailable":79},[69,72,75],{"tool":70,"command":71},"npx","npx skills add S3YED\u002Fappie-kit --skill webflow-cms-access",{"tool":73,"command":74},"bunx","bunx skills add S3YED\u002Fappie-kit --skill webflow-cms-access",{"tool":76,"command":77},"pnpm","pnpm dlx skills add S3YED\u002Fappie-kit --skill webflow-cms-access","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fdevops\u002Fwebflow-cms-access\u002FSKILL.md",true,[],[82,116,149,175,202,226],{"skillNo":83,"name":84,"nameZh":6,"description":85,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":86,"categories":87,"keywords":97,"publishedAt":46},"01M6JFD4M6N4DSGC7TXEJ5R3J2","ai-music","AI music generation and audio tools: HeartMuLa lyrics-to-music generation, songwriting craft (+ Suno prompts), and audio spectrogram\u002Ffeature visualization.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fwethlete\u002Fai-music\u002FSKILL.md",[88,91,94],{"categoryNo":89,"categoryName":90,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000013","分析与可视化",{"categoryNo":92,"categoryName":93,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体",{"categoryNo":95,"categoryName":96,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",[98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115],"music","ai music","humanizer","visualization","Tools","Audio","hermes","hermes agent","songwriting","suno","lyrics","prompts","heartmula","craft","generation","feature","ai music generation","music generation",{"skillNo":117,"name":118,"nameZh":6,"description":119,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":120,"categories":121,"keywords":128,"publishedAt":46},"01M6JFCZE4XNFQFMNZDHKHT5V5","agentic-webdesign-design-system-ingestion","Use v0 Design Systems 2.0, Bolt Design System Agents, or Lovable to generate production UI from a client's real design system components — not generic Tailwind. Use when building a client website where brand consistency matters.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fweb-design\u002Fagentic-webdesign-design-system-ingestion\u002FSKILL.md",[122,125],{"categoryNo":123,"categoryName":124,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":126,"categoryName":127,"taxonomyType":25,"taxonomyTypeDesc":26},"01JBSEEDCAT000000000000032","设计师",[129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148],"design","agentic","design system","system","ingestion","webdesign","agentic webdesign design system ingestion","components","generate","design systems","website","ui","Tailwind","bolt","lovable","v0","design-system","wed","design system components","appie",{"skillNo":150,"name":151,"nameZh":6,"description":152,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":153,"categories":154,"keywords":157,"publishedAt":46},"01M6JFCVPX3913CFAS6QQJ33ZB","agentic-webdesign-agent-elements","Use 21st.dev Agent Elements — 25 shadcn\u002Fui components purpose-built for AI agent UIs. Tool cards (Bash, Edit, Search, Plan, Subagent, MCP), chat, input, streaming. Open source, shadcn-registry install, no runtime lock-in.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fweb-design\u002Fagentic-webdesign-agent-elements\u002FSKILL.md",[155,156],{"categoryNo":95,"categoryName":96,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":126,"categoryName":127,"taxonomyType":25,"taxonomyTypeDesc":26},[130,158,134,159,160,161,136,162,163,164,165,166,167,168,169,170,171,172,173,174],"elements","agentic webdesign agent elements","MCP","ai agent","registry","search","streaming","open source","open","Bash","plan","subagent","edit","install","input","lock","source",{"skillNo":176,"name":177,"nameZh":6,"description":178,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":179,"categories":180,"keywords":185,"publishedAt":46},"01M6JFCQC7H65M9QJ6TRE71BS1","vercel-deployment","Deploy static sites and frontends to Vercel — handles both CLI and REST API paths, including the CLI token sanitization workaround.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fsoftware-development\u002Fvercel-deployment\u002FSKILL.md",[181,184],{"categoryNo":182,"categoryName":183,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000011","运维与部署",{"categoryNo":95,"categoryName":96,"taxonomyType":20,"taxonomyTypeDesc":21},[186,187,188,40,189,45,190,191,192,193,42,194,195,196,197,198,38,199,200,201],"deployment","vercel deployment","vercel","cli","windows","deploy","vercel deploy","REST","site","deploy to vercel","token","rest api","host","paths","sanitization","static site",{"skillNo":203,"name":204,"nameZh":6,"description":205,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":206,"categories":207,"keywords":209,"publishedAt":46},"01M6JFCM4SMTXBM5A01BK2YQG1","software-quality-workflows","Umbrella workflow for TDD, debugging, code simplification, spikes, pre-commit review, and debugger-assisted investigation.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fsoftware-development\u002Fsoftware-quality-workflows\u002FSKILL.md",[208],{"categoryNo":95,"categoryName":96,"taxonomyType":20,"taxonomyTypeDesc":21},[210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,35],"workflows","quality","software","software quality workflows","review","tdd","workflow","commit","debugging","code","debugger","pre-commit","investigation","code simplification","user","simplification",{"skillNo":227,"name":228,"nameZh":6,"description":229,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":230,"categories":231,"keywords":239,"publishedAt":46},"01M6JFCGD0M6CEATY01W7YN6DB","react-component-refactoring","Safely refactor large React components into smaller, maintainable pieces using proven patterns","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fsoftware-development\u002Freact-component-refactoring\u002FSKILL.md",[232,235,238],{"categoryNo":233,"categoryName":234,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000007","代码审查",{"categoryNo":236,"categoryName":237,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",{"categoryNo":95,"categoryName":96,"taxonomyType":20,"taxonomyTypeDesc":21},[240,241,242,243,244,245,246,247,40,248,249,136,250,190,251,219,252,253,254,255],"react","component","refactoring","component refactoring","react component","react component refactoring","frontend","writing","safe","typescript","react components","modular","refactor","simplify","patterns","test-driven-development"]