[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6JHZEZTKAHAZF4R7CD2X53F":3,"skill-same:01M6JHZEZTKAHAZF4R7CD2X53F":65},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":37,"linkOnly":38,"markdownContent":39,"markdownBody":40,"frontMatter":41,"refName":43,"commitSha":44,"skillDirectory":45,"forksCount":46,"repositoryHtmlUrl":47,"repositoryHomepageUrl":6,"ownerHtmlUrl":48,"ownerBlogUrl":6,"ownerDescription":49,"updatedAt":50,"install":51,"resources":64},"01M6JHZEZTKAHAZF4R7CD2X53F","scroll-experience",null,"Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences. Makes websites feel like experiences, not just pages. Use when: scroll animation, parallax, scroll storytelling, interactive story, cinematic website.","transaurus\u002Fstaging-davila7-claude-code-templates","transaurus","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F210882017?v=4","01M6JH1R6ZCRXGJCTDP5ZKZBE6","Page Turner Agent","01M6JH1RBBR2P6Y0XWDGM4B0G7",0,"MIT","https:\u002F\u002Fgithub.com\u002Ftransaurus\u002Fstaging-davila7-claude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fcreative-design\u002Fscroll-experience\u002FSKILL.md",[],[19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36],"scroll experience","scroll","Story","spawner","parallax","driven","pages","apple","storytelling","expert","web","use","interactive","just","Animation","website","apache","product","2026-11-10 10:12:30",false,"---\nname: scroll-experience\ndescription: \"Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences. Makes websites feel like experiences, not just pages. Use when: scroll animation, parallax, scroll storytelling, interactive story, cinematic website.\"\nsource: vibeship-spawner-skills (Apache 2.0)\n---\n\n# Scroll Experience\n\n**Role**: Scroll Experience Architect\n\nYou see scrolling as a narrative device, not just navigation. You create\nmoments of delight as users scroll. You know when to use subtle animations\nand when to go cinematic. You balance performance with visual impact. You\nmake websites feel like movies you control with your thumb.\n\n## Capabilities\n\n- Scroll-driven animations\n- Parallax storytelling\n- Interactive narratives\n- Cinematic web experiences\n- Scroll-triggered reveals\n- Progress indicators\n- Sticky sections\n- Scroll snapping\n\n## Patterns\n\n### Scroll Animation Stack\n\nTools and techniques for scroll animations\n\n**When to use**: When planning scroll-driven experiences\n\n```python\n## Scroll Animation Stack\n\n### Library Options\n| Library | Best For | Learning Curve |\n|---------|----------|----------------|\n| GSAP ScrollTrigger | Complex animations | Medium |\n| Framer Motion | React projects | Low |\n| Locomotive Scroll | Smooth scroll + parallax | Medium |\n| Lenis | Smooth scroll only | Low |\n| CSS scroll-timeline | Simple, native | Low |\n\n### GSAP ScrollTrigger Setup\n```javascript\nimport { gsap } from 'gsap';\nimport { ScrollTrigger } from 'gsap\u002FScrollTrigger';\n\ngsap.registerPlugin(ScrollTrigger);\n\n\u002F\u002F Basic scroll animation\ngsap.to('.element', {\n  scrollTrigger: {\n    trigger: '.element',\n    start: 'top center',\n    end: 'bottom center',\n    scrub: true, \u002F\u002F Links animation to scroll position\n  },\n  y: -100,\n  opacity: 1,\n});\n```\n\n### Framer Motion Scroll\n```jsx\nimport { motion, useScroll, useTransform } from 'framer-motion';\n\nfunction ParallaxSection() {\n  const { scrollYProgress } = useScroll();\n  const y = useTransform(scrollYProgress, [0, 1], [0, -200]);\n\n  return (\n    \u003Cmotion.div style={{ y }}>\n      Content moves with scroll\n    \u003C\u002Fmotion.div>\n  );\n}\n```\n\n### CSS Native (2024+)\n```css\n@keyframes reveal {\n  from { opacity: 0; transform: translateY(50px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n.animate-on-scroll {\n  animation: reveal linear;\n  animation-timeline: view();\n  animation-range: entry 0% cover 40%;\n}\n```\n```\n\n### Parallax Storytelling\n\nTell stories through scroll depth\n\n**When to use**: When creating narrative experiences\n\n```javascript\n## Parallax Storytelling\n\n### Layer Speeds\n| Layer | Speed | Effect |\n|-------|-------|--------|\n| Background | 0.2x | Far away, slow |\n| Midground | 0.5x | Middle depth |\n| Foreground | 1.0x | Normal scroll |\n| Content | 1.0x | Readable |\n| Floating elements | 1.2x | Pop forward |\n\n### Creating Depth\n```javascript\n\u002F\u002F GSAP parallax layers\ngsap.to('.background', {\n  scrollTrigger: {\n    scrub: true\n  },\n  y: '-20%', \u002F\u002F Moves slower\n});\n\ngsap.to('.foreground', {\n  scrollTrigger: {\n    scrub: true\n  },\n  y: '-50%', \u002F\u002F Moves faster\n});\n```\n\n### Story Beats\n```\nSection 1: Hook (full viewport, striking visual)\n    ↓ scroll\nSection 2: Context (text + supporting visuals)\n    ↓ scroll\nSection 3: Journey (parallax storytelling)\n    ↓ scroll\nSection 4: Climax (dramatic reveal)\n    ↓ scroll\nSection 5: Resolution (CTA or conclusion)\n```\n\n### Text Reveals\n- Fade in on scroll\n- Typewriter effect on trigger\n- Word-by-word highlight\n- Sticky text with changing visuals\n```\n\n### Sticky Sections\n\nPin elements while scrolling through content\n\n**When to use**: When content should stay visible during scroll\n\n```javascript\n## Sticky Sections\n\n### CSS Sticky\n```css\n.sticky-container {\n  height: 300vh; \u002F* Space for scrolling *\u002F\n}\n\n.sticky-element {\n  position: sticky;\n  top: 0;\n  height: 100vh;\n}\n```\n\n### GSAP Pin\n```javascript\ngsap.to('.content', {\n  scrollTrigger: {\n    trigger: '.section',\n    pin: true, \u002F\u002F Pins the section\n    start: 'top top',\n    end: '+=1000', \u002F\u002F Pin for 1000px of scroll\n    scrub: true,\n  },\n  \u002F\u002F Animate while pinned\n  x: '-100vw',\n});\n```\n\n### Horizontal Scroll Section\n```javascript\nconst sections = gsap.utils.toArray('.panel');\n\ngsap.to(sections, {\n  xPercent: -100 * (sections.length - 1),\n  ease: 'none',\n  scrollTrigger: {\n    trigger: '.horizontal-container',\n    pin: true,\n    scrub: 1,\n    end: () => '+=' + document.querySelector('.horizontal-container').offsetWidth,\n  },\n});\n```\n\n### Use Cases\n- Product feature walkthrough\n- Before\u002Fafter comparisons\n- Step-by-step processes\n- Image galleries\n```\n\n## Anti-Patterns\n\n### ❌ Scroll Hijacking\n\n**Why bad**: Users hate losing scroll control.\nAccessibility nightmare.\nBreaks back button expectations.\nFrustrating on mobile.\n\n**Instead**: Enhance scroll, don't replace it.\nKeep natural scroll speed.\nUse scrub animations.\nAllow users to scroll normally.\n\n### ❌ Animation Overload\n\n**Why bad**: Distracting, not delightful.\nPerformance tanks.\nContent becomes secondary.\nUser fatigue.\n\n**Instead**: Less is more.\nAnimate key moments.\nStatic content is okay.\nGuide attention, don't overwhelm.\n\n### ❌ Desktop-Only Experience\n\n**Why bad**: Mobile is majority of traffic.\nTouch scroll is different.\nPerformance issues on phones.\nUnusable experience.\n\n**Instead**: Mobile-first scroll design.\nSimpler effects on mobile.\nTest on real devices.\nGraceful degradation.\n\n## ⚠️ Sharp Edges\n\n| Issue | Severity | Solution |\n|-------|----------|----------|\n| Animations stutter during scroll | high | ## Fixing Scroll Jank |\n| Parallax breaks on mobile devices | high | ## Mobile-Safe Parallax |\n| Scroll experience is inaccessible | medium | ## Accessible Scroll Experiences |\n| Critical content hidden below animations | medium | ## Content-First Scroll Design |\n\n## Related Skills\n\nWorks well with: `3d-web-experience`, `frontend`, `ui-design`, `landing-page-design`\n","# Scroll Experience\n\n**Role**: Scroll Experience Architect\n\nYou see scrolling as a narrative device, not just navigation. You create\nmoments of delight as users scroll. You know when to use subtle animations\nand when to go cinematic. You balance performance with visual impact. You\nmake websites feel like movies you control with your thumb.\n\n## Capabilities\n\n- Scroll-driven animations\n- Parallax storytelling\n- Interactive narratives\n- Cinematic web experiences\n- Scroll-triggered reveals\n- Progress indicators\n- Sticky sections\n- Scroll snapping\n\n## Patterns\n\n### Scroll Animation Stack\n\nTools and techniques for scroll animations\n\n**When to use**: When planning scroll-driven experiences\n\n```python\n## Scroll Animation Stack\n\n### Library Options\n| Library | Best For | Learning Curve |\n|---------|----------|----------------|\n| GSAP ScrollTrigger | Complex animations | Medium |\n| Framer Motion | React projects | Low |\n| Locomotive Scroll | Smooth scroll + parallax | Medium |\n| Lenis | Smooth scroll only | Low |\n| CSS scroll-timeline | Simple, native | Low |\n\n### GSAP ScrollTrigger Setup\n```javascript\nimport { gsap } from 'gsap';\nimport { ScrollTrigger } from 'gsap\u002FScrollTrigger';\n\ngsap.registerPlugin(ScrollTrigger);\n\n\u002F\u002F Basic scroll animation\ngsap.to('.element', {\n  scrollTrigger: {\n    trigger: '.element',\n    start: 'top center',\n    end: 'bottom center',\n    scrub: true, \u002F\u002F Links animation to scroll position\n  },\n  y: -100,\n  opacity: 1,\n});\n```\n\n### Framer Motion Scroll\n```jsx\nimport { motion, useScroll, useTransform } from 'framer-motion';\n\nfunction ParallaxSection() {\n  const { scrollYProgress } = useScroll();\n  const y = useTransform(scrollYProgress, [0, 1], [0, -200]);\n\n  return (\n    \u003Cmotion.div style={{ y }}>\n      Content moves with scroll\n    \u003C\u002Fmotion.div>\n  );\n}\n```\n\n### CSS Native (2024+)\n```css\n@keyframes reveal {\n  from { opacity: 0; transform: translateY(50px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n.animate-on-scroll {\n  animation: reveal linear;\n  animation-timeline: view();\n  animation-range: entry 0% cover 40%;\n}\n```\n```\n\n### Parallax Storytelling\n\nTell stories through scroll depth\n\n**When to use**: When creating narrative experiences\n\n```javascript\n## Parallax Storytelling\n\n### Layer Speeds\n| Layer | Speed | Effect |\n|-------|-------|--------|\n| Background | 0.2x | Far away, slow |\n| Midground | 0.5x | Middle depth |\n| Foreground | 1.0x | Normal scroll |\n| Content | 1.0x | Readable |\n| Floating elements | 1.2x | Pop forward |\n\n### Creating Depth\n```javascript\n\u002F\u002F GSAP parallax layers\ngsap.to('.background', {\n  scrollTrigger: {\n    scrub: true\n  },\n  y: '-20%', \u002F\u002F Moves slower\n});\n\ngsap.to('.foreground', {\n  scrollTrigger: {\n    scrub: true\n  },\n  y: '-50%', \u002F\u002F Moves faster\n});\n```\n\n### Story Beats\n```\nSection 1: Hook (full viewport, striking visual)\n    ↓ scroll\nSection 2: Context (text + supporting visuals)\n    ↓ scroll\nSection 3: Journey (parallax storytelling)\n    ↓ scroll\nSection 4: Climax (dramatic reveal)\n    ↓ scroll\nSection 5: Resolution (CTA or conclusion)\n```\n\n### Text Reveals\n- Fade in on scroll\n- Typewriter effect on trigger\n- Word-by-word highlight\n- Sticky text with changing visuals\n```\n\n### Sticky Sections\n\nPin elements while scrolling through content\n\n**When to use**: When content should stay visible during scroll\n\n```javascript\n## Sticky Sections\n\n### CSS Sticky\n```css\n.sticky-container {\n  height: 300vh; \u002F* Space for scrolling *\u002F\n}\n\n.sticky-element {\n  position: sticky;\n  top: 0;\n  height: 100vh;\n}\n```\n\n### GSAP Pin\n```javascript\ngsap.to('.content', {\n  scrollTrigger: {\n    trigger: '.section',\n    pin: true, \u002F\u002F Pins the section\n    start: 'top top',\n    end: '+=1000', \u002F\u002F Pin for 1000px of scroll\n    scrub: true,\n  },\n  \u002F\u002F Animate while pinned\n  x: '-100vw',\n});\n```\n\n### Horizontal Scroll Section\n```javascript\nconst sections = gsap.utils.toArray('.panel');\n\ngsap.to(sections, {\n  xPercent: -100 * (sections.length - 1),\n  ease: 'none',\n  scrollTrigger: {\n    trigger: '.horizontal-container',\n    pin: true,\n    scrub: 1,\n    end: () => '+=' + document.querySelector('.horizontal-container').offsetWidth,\n  },\n});\n```\n\n### Use Cases\n- Product feature walkthrough\n- Before\u002Fafter comparisons\n- Step-by-step processes\n- Image galleries\n```\n\n## Anti-Patterns\n\n### ❌ Scroll Hijacking\n\n**Why bad**: Users hate losing scroll control.\nAccessibility nightmare.\nBreaks back button expectations.\nFrustrating on mobile.\n\n**Instead**: Enhance scroll, don't replace it.\nKeep natural scroll speed.\nUse scrub animations.\nAllow users to scroll normally.\n\n### ❌ Animation Overload\n\n**Why bad**: Distracting, not delightful.\nPerformance tanks.\nContent becomes secondary.\nUser fatigue.\n\n**Instead**: Less is more.\nAnimate key moments.\nStatic content is okay.\nGuide attention, don't overwhelm.\n\n### ❌ Desktop-Only Experience\n\n**Why bad**: Mobile is majority of traffic.\nTouch scroll is different.\nPerformance issues on phones.\nUnusable experience.\n\n**Instead**: Mobile-first scroll design.\nSimpler effects on mobile.\nTest on real devices.\nGraceful degradation.\n\n## ⚠️ Sharp Edges\n\n| Issue | Severity | Solution |\n|-------|----------|----------|\n| Animations stutter during scroll | high | ## Fixing Scroll Jank |\n| Parallax breaks on mobile devices | high | ## Mobile-Safe Parallax |\n| Scroll experience is inaccessible | medium | ## Accessible Scroll Experiences |\n| Critical content hidden below animations | medium | ## Content-First Scroll Design |\n\n## Related Skills\n\nWorks well with: `3d-web-experience`, `frontend`, `ui-design`, `landing-page-design`\n",{"name":5,"source":42,"description":7},"vibeship-spawner-skills (Apache 2.0)","main","34fa6acf794b9a6310d298cbb8fb8c9420a5edcf","cli-tool\u002Fcomponents\u002Fskills\u002Fcreative-design\u002Fscroll-experience",2,"https:\u002F\u002Fgithub.com\u002Ftransaurus\u002Fstaging-davila7-claude-code-templates","https:\u002F\u002Fgithub.com\u002Ftransaurus","Automated works of Page Turner","2026-03-28 10:12:59",{"source":8,"skillName":5,"commands":52,"prompt":62,"zipAvailable":63},[53,56,59],{"tool":54,"command":55},"npx","npx skills add transaurus\u002Fstaging-davila7-claude-code-templates --skill scroll-experience",{"tool":57,"command":58},"bunx","bunx skills add transaurus\u002Fstaging-davila7-claude-code-templates --skill scroll-experience",{"tool":60,"command":61},"pnpm","pnpm dlx skills add transaurus\u002Fstaging-davila7-claude-code-templates --skill scroll-experience","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Ftransaurus\u002Fstaging-davila7-claude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fcreative-design\u002Fscroll-experience\u002FSKILL.md",true,[],[66,96,117,140,159,185],{"skillNo":67,"name":68,"nameZh":6,"description":69,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":70,"categories":71,"keywords":77,"publishedAt":37},"01M6JMRJR3BE0HGWFWDZSB853S","zapier-make-patterns","No-code automation democratizes workflow building. Zapier and Make (formerly Integromat) let non-developers automate business processes without writing code. But no-code doesn't mean no-complexity - these platforms have their own patterns, pitfalls, and breaking points.  This skill covers when to use which platform, how to build reliable automations, and when to graduate to code-based solutions. Key insight: Zapier optimizes for simplicity and integrations (7000+ apps), Make optimizes for power","https:\u002F\u002Fgithub.com\u002Ftransaurus\u002Fstaging-davila7-claude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fworkflow-automation\u002Fzapier-make-patterns\u002FSKILL.md",[72],{"categoryNo":73,"categoryName":74,"taxonomyType":75,"taxonomyTypeDesc":76},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[78,79,80,81,82,83,84,85,86,87,30,88,89,90,91,92,93,94,95,22],"zapier make patterns","patterns","make","zapier","writing","workflow","automation","code","integrations","business","power","complexity","platform","apps","how to","No-Code","which","for",{"skillNo":97,"name":98,"nameZh":6,"description":99,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":100,"categories":101,"keywords":102,"publishedAt":37},"01M6JMR8YK6SWPCTG1MCQTMN9S","yeet","Use only when the user explicitly asks to stage, commit, push, and open a GitHub pull request in one flow using the GitHub CLI (`gh`).","https:\u002F\u002Fgithub.com\u002Ftransaurus\u002Fstaging-davila7-claude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fworkflow-automation\u002Fyeet\u002FSKILL.md",[],[98,103,104,105,106,107,108,109,110,111,112,113,30,114,115,116],"cli","github","commit","pull request","openai","pull","push","flow","open","gh","user","only","stage","github cli",{"skillNo":118,"name":119,"nameZh":6,"description":120,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":121,"categories":122,"keywords":124,"publishedAt":37},"01M6JMQNFE64ZASQK90HARRXW8","workflow-automation","Workflow automation is the infrastructure that makes AI agents reliable. Without durable execution, a network hiccup during a 10-step payment flow means lost money and angry customers. With it, workflows resume exactly where they left off.  This skill covers the platforms (n8n, Temporal, Inngest) and patterns (sequential, parallel, orchestrator-worker) that turn brittle scripts into production-grade automation.  Key insight: The platforms make different tradeoffs. n8n optimizes for accessibility","https:\u002F\u002Fgithub.com\u002Ftransaurus\u002Fstaging-davila7-claude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fworkflow-automation\u002Fworkflow-automation\u002FSKILL.md",[123],{"categoryNo":73,"categoryName":74,"taxonomyType":75,"taxonomyTypeDesc":76},[83,84,125,126,127,128,35,129,130,131,132,133,134,135,136,137,138,139,95,22],"Workflow Automation","ai agents","accessibility","workflows","execution","inngest","parallel","orchestrator","resume","n8n","payment","worker","scripts","temporal","with",{"skillNo":141,"name":142,"nameZh":6,"description":143,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":144,"categories":145,"keywords":146,"publishedAt":37},"01M6JMQDYJ0XETERPHGDR3EVGN","trigger-dev","Trigger.dev expert for background jobs, AI workflows, and reliable async execution with excellent developer experience and TypeScript-first design. Use when: trigger.dev, trigger dev, background task, ai background job, long running task.","https:\u002F\u002Fgithub.com\u002Ftransaurus\u002Fstaging-davila7-claude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fworkflow-automation\u002Ftrigger-dev\u002FSKILL.md",[],[147,148,149,150,151,128,152,35,129,153,30,154,155,28,156,157,158,139,95,22],"dev","trigger dev","trigger","design","typescript","async execution","first","async","developer experience","task","background jobs","long",{"skillNo":160,"name":161,"nameZh":6,"description":162,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":163,"categories":164,"keywords":168,"publishedAt":37},"01M6JMQ5J6KK3GSX9FJCWWK6G6","planning-with-files","Transforms workflow to use Manus-style persistent markdown files for planning, progress tracking, and knowledge storage. Use when starting complex tasks, multi-step projects, research tasks, or when the user mentions planning, organizing work, tracking progress, or wants structured output.","https:\u002F\u002Fgithub.com\u002Ftransaurus\u002Fstaging-davila7-claude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fworkflow-automation\u002Fplanning-with-files\u002FSKILL.md",[165],{"categoryNo":166,"categoryName":167,"taxonomyType":75,"taxonomyTypeDesc":76},"01JBSEEDCAT000000000000021","资料检索与研究",[169,170,171,139,172,83,173,174,175,176,177,178,30,179,180,181,182,183,184,95],"planning with files","planning","files","with files","storage","tasks","markdown","knowledge","projects","work","manus","structured output","progress","transforms","multi","output",{"skillNo":186,"name":187,"nameZh":6,"description":188,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":189,"categories":190,"keywords":195,"publishedAt":37},"01M6JMPWAT60RXXNEC4V9TRBRS","n8n-workflow-patterns","Proven workflow architectural patterns from real n8n workflows. Use when building new workflows, designing workflow structure, choosing workflow patterns, planning workflow architecture, or asking about webhook processing, HTTP API integration, database operations, AI agent workflows, or scheduled tasks.","https:\u002F\u002Fgithub.com\u002Ftransaurus\u002Fstaging-davila7-claude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fworkflow-automation\u002Fn8n\u002Fn8n-workflow-patterns\u002FSKILL.md",[191,194],{"categoryNo":192,"categoryName":193,"taxonomyType":75,"taxonomyTypeDesc":76},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":73,"categoryName":74,"taxonomyType":75,"taxonomyTypeDesc":76},[83,196,134,197,79,198,199,128,200,174,170,201,202,203,204,205,206,207,208,209],"n8n workflow patterns","workflow patterns","n8n workflow","ai agent","architecture","database","api","planning workflow","structure","database operations","webhook","processing","http api","scheduled"]