[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6NZ90WCS9C2YG8CP9CSW269":3,"skill-same:01M6NZ90WCS9C2YG8CP9CSW269":80},{"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":30,"publishedAt":51,"linkOnly":52,"markdownContent":53,"markdownBody":54,"frontMatter":55,"refName":41,"commitSha":61,"skillDirectory":62,"forksCount":13,"repositoryHtmlUrl":63,"repositoryHomepageUrl":6,"ownerHtmlUrl":64,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":65,"install":66,"resources":79},"01M6NZ90WCS9C2YG8CP9CSW269","code-showcase-core-components",null,"Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.","duc-duy-1612\u002FOnline-Delivery-Systems-Web","duc-duy-1612","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F192231384?v=4","01M6NSDKQQDKVTHZ8DZMZ1VYY6","01M6NSDKW8DDVTQHBT1HBDDJPT",0,"MIT","https:\u002F\u002Fgithub.com\u002Fduc-duy-1612\u002FOnline-Delivery-Systems-Web\u002Fblob\u002Fmain\u002F.agents\u002Fskills_archive\u002Fcode-showcase-core-components\u002FSKILL.md",[17,22,27],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":25,"taxonomyTypeDesc":26},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",{"categoryNo":28,"categoryName":29,"taxonomyType":25,"taxonomyTypeDesc":26},"01JBSEEDCAT000000000000032","设计师",[31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50],"showcase","components","core","code","code showcase core components","core components","system","tree","with","tokens","main","design system patterns","community","use","design","https","license","component library","component","github","2026-11-10 10:12:30",false,"---\nname: code-showcase-core-components\ndescription: Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.\nrisk: none\nsource: https:\u002F\u002Fgithub.com\u002FChrisWiles\u002Fclaude-code-showcase\u002Ftree\u002Fmain\u002F.claude\u002Fskills\u002Fcore-components\nsource_repo: ChrisWiles\u002Fclaude-code-showcase\nsource_type: community\ndate_added: 2026-07-01\nlicense: MIT\nlicense_source: https:\u002F\u002Fgithub.com\u002FChrisWiles\u002Fclaude-code-showcase\u002Fblob\u002Fmain\u002FLICENSE\n---\n\n# Core Components\n## When to Use\n\nUse this skill when you need core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.\n\n\n## Design System Overview\n\nUse components from your core library instead of raw platform components. This ensures consistent styling and behavior.\n\n## Design Tokens\n\n**NEVER hard-code values. Always use design tokens.**\n\n### Spacing Tokens\n\n```tsx\n\u002F\u002F CORRECT - Use tokens\n\u003CBox padding=\"$4\" marginBottom=\"$2\" \u002F>\n\n\u002F\u002F WRONG - Hard-coded values\n\u003CBox padding={16} marginBottom={8} \u002F>\n```\n\n| Token | Value |\n|-------|-------|\n| `$1` | 4px |\n| `$2` | 8px |\n| `$3` | 12px |\n| `$4` | 16px |\n| `$6` | 24px |\n| `$8` | 32px |\n\n### Color Tokens\n\n```tsx\n\u002F\u002F CORRECT - Semantic tokens\n\u003CText color=\"$textPrimary\" \u002F>\n\u003CBox backgroundColor=\"$backgroundSecondary\" \u002F>\n\n\u002F\u002F WRONG - Hard-coded colors\n\u003CText color=\"#333333\" \u002F>\n\u003CBox backgroundColor=\"rgb(245, 245, 245)\" \u002F>\n```\n\n| Semantic Token | Use For |\n|----------------|---------|\n| `$textPrimary` | Main text |\n| `$textSecondary` | Supporting text |\n| `$textTertiary` | Disabled\u002Fhint text |\n| `$primary500` | Brand\u002Faccent color |\n| `$statusError` | Error states |\n| `$statusSuccess` | Success states |\n\n### Typography Tokens\n\n```tsx\n\u003CText fontSize=\"$lg\" fontWeight=\"$semibold\" \u002F>\n```\n\n| Token | Size |\n|-------|------|\n| `$xs` | 12px |\n| `$sm` | 14px |\n| `$md` | 16px |\n| `$lg` | 18px |\n| `$xl` | 20px |\n| `$2xl` | 24px |\n\n## Core Components\n\n### Box\n\nBase layout component with token support:\n\n```tsx\n\u003CBox\n  padding=\"$4\"\n  backgroundColor=\"$backgroundPrimary\"\n  borderRadius=\"$lg\"\n>\n  {children}\n\u003C\u002FBox>\n```\n\n### HStack \u002F VStack\n\nHorizontal and vertical flex layouts:\n\n```tsx\n\u003CHStack gap=\"$3\" alignItems=\"center\">\n  \u003CIcon name=\"user\" \u002F>\n  \u003CText>Username\u003C\u002FText>\n\u003C\u002FHStack>\n\n\u003CVStack gap=\"$4\" padding=\"$4\">\n  \u003CHeading>Title\u003C\u002FHeading>\n  \u003CText>Content\u003C\u002FText>\n\u003C\u002FVStack>\n```\n\n### Text\n\nTypography with token support:\n\n```tsx\n\u003CText\n  fontSize=\"$lg\"\n  fontWeight=\"$semibold\"\n  color=\"$textPrimary\"\n>\n  Hello World\n\u003C\u002FText>\n```\n\n### Button\n\nInteractive button with variants:\n\n```tsx\n\u003CButton\n  onPress={handlePress}\n  variant=\"solid\"\n  size=\"md\"\n  isLoading={loading}\n  isDisabled={disabled}\n>\n  Click Me\n\u003C\u002FButton>\n```\n\n| Variant | Use For |\n|---------|---------|\n| `solid` | Primary actions |\n| `outline` | Secondary actions |\n| `ghost` | Tertiary\u002Fsubtle actions |\n| `link` | Inline actions |\n\n### Input\n\nForm input with validation:\n\n```tsx\n\u003CInput\n  value={value}\n  onChangeText={setValue}\n  placeholder=\"Enter text\"\n  error={touched ? errors.field : undefined}\n  label=\"Field Name\"\n\u002F>\n```\n\n### Card\n\nContent container:\n\n```tsx\n\u003CCard padding=\"$4\" gap=\"$3\">\n  \u003CCardHeader>\n    \u003CHeading size=\"sm\">Card Title\u003C\u002FHeading>\n  \u003C\u002FCardHeader>\n  \u003CCardBody>\n    \u003CText>Card content\u003C\u002FText>\n  \u003C\u002FCardBody>\n\u003C\u002FCard>\n```\n\n## Layout Patterns\n\n### Screen Layout\n\n```tsx\nconst MyScreen = () => (\n  \u003CScreen>\n    \u003CScreenHeader title=\"Page Title\" \u002F>\n    \u003CScreenContent padding=\"$4\">\n      {\u002F* Content *\u002F}\n    \u003C\u002FScreenContent>\n  \u003C\u002FScreen>\n);\n```\n\n### Form Layout\n\n```tsx\n\u003CVStack gap=\"$4\" padding=\"$4\">\n  \u003CInput label=\"Name\" {...nameProps} \u002F>\n  \u003CInput label=\"Email\" {...emailProps} \u002F>\n  \u003CButton isLoading={loading}>Submit\u003C\u002FButton>\n\u003C\u002FVStack>\n```\n\n### List Item Layout\n\n```tsx\n\u003CHStack\n  padding=\"$4\"\n  gap=\"$3\"\n  alignItems=\"center\"\n  borderBottomWidth={1}\n  borderColor=\"$borderLight\"\n>\n  \u003CAvatar source={{ uri: imageUrl }} size=\"md\" \u002F>\n  \u003CVStack flex={1}>\n    \u003CText fontWeight=\"$semibold\">{title}\u003C\u002FText>\n    \u003CText color=\"$textSecondary\" fontSize=\"$sm\">{subtitle}\u003C\u002FText>\n  \u003C\u002FVStack>\n  \u003CIcon name=\"chevron-right\" color=\"$textTertiary\" \u002F>\n\u003C\u002FHStack>\n```\n\n## Anti-Patterns\n\n```tsx\n\u002F\u002F WRONG - Hard-coded values\n\u003CView style={{ padding: 16, backgroundColor: '#fff' }}>\n\n\u002F\u002F CORRECT - Design tokens\n\u003CBox padding=\"$4\" backgroundColor=\"$backgroundPrimary\">\n\n\n\u002F\u002F WRONG - Raw platform components\nimport { View, Text } from 'react-native';\n\n\u002F\u002F CORRECT - Core components\nimport { Box, Text } from 'components\u002Fcore';\n\n\n\u002F\u002F WRONG - Inline styles\n\u003CText style={{ fontSize: 18, fontWeight: '600' }}>\n\n\u002F\u002F CORRECT - Token props\n\u003CText fontSize=\"$lg\" fontWeight=\"$semibold\">\n```\n\n## Component Props Pattern\n\nWhen creating components, use token-based props:\n\n```tsx\ninterface CardProps {\n  padding?: '$2' | '$4' | '$6';\n  variant?: 'elevated' | 'outlined' | 'filled';\n  children: React.ReactNode;\n}\n\nconst Card = ({ padding = '$4', variant = 'elevated', children }: CardProps) => (\n  \u003CBox\n    padding={padding}\n    backgroundColor=\"$backgroundPrimary\"\n    borderRadius=\"$lg\"\n    {...variantStyles[variant]}\n  >\n    {children}\n  \u003C\u002FBox>\n);\n```\n\n## Integration with Other Skills\n\n- **react-ui-patterns**: Use core components for UI states\n- **testing-patterns**: Mock core components in tests\n- **storybook**: Document component variants\n\n## Limitations\n\n- Use this skill only when the task clearly matches its upstream source and local project context.\n- Verify commands, generated code, dependencies, credentials, and external service behavior before applying changes.\n- Do not treat examples as a substitute for environment-specific tests, security review, or user approval for destructive or costly actions.\n","# Core Components\n## When to Use\n\nUse this skill when you need core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.\n\n\n## Design System Overview\n\nUse components from your core library instead of raw platform components. This ensures consistent styling and behavior.\n\n## Design Tokens\n\n**NEVER hard-code values. Always use design tokens.**\n\n### Spacing Tokens\n\n```tsx\n\u002F\u002F CORRECT - Use tokens\n\u003CBox padding=\"$4\" marginBottom=\"$2\" \u002F>\n\n\u002F\u002F WRONG - Hard-coded values\n\u003CBox padding={16} marginBottom={8} \u002F>\n```\n\n| Token | Value |\n|-------|-------|\n| `$1` | 4px |\n| `$2` | 8px |\n| `$3` | 12px |\n| `$4` | 16px |\n| `$6` | 24px |\n| `$8` | 32px |\n\n### Color Tokens\n\n```tsx\n\u002F\u002F CORRECT - Semantic tokens\n\u003CText color=\"$textPrimary\" \u002F>\n\u003CBox backgroundColor=\"$backgroundSecondary\" \u002F>\n\n\u002F\u002F WRONG - Hard-coded colors\n\u003CText color=\"#333333\" \u002F>\n\u003CBox backgroundColor=\"rgb(245, 245, 245)\" \u002F>\n```\n\n| Semantic Token | Use For |\n|----------------|---------|\n| `$textPrimary` | Main text |\n| `$textSecondary` | Supporting text |\n| `$textTertiary` | Disabled\u002Fhint text |\n| `$primary500` | Brand\u002Faccent color |\n| `$statusError` | Error states |\n| `$statusSuccess` | Success states |\n\n### Typography Tokens\n\n```tsx\n\u003CText fontSize=\"$lg\" fontWeight=\"$semibold\" \u002F>\n```\n\n| Token | Size |\n|-------|------|\n| `$xs` | 12px |\n| `$sm` | 14px |\n| `$md` | 16px |\n| `$lg` | 18px |\n| `$xl` | 20px |\n| `$2xl` | 24px |\n\n## Core Components\n\n### Box\n\nBase layout component with token support:\n\n```tsx\n\u003CBox\n  padding=\"$4\"\n  backgroundColor=\"$backgroundPrimary\"\n  borderRadius=\"$lg\"\n>\n  {children}\n\u003C\u002FBox>\n```\n\n### HStack \u002F VStack\n\nHorizontal and vertical flex layouts:\n\n```tsx\n\u003CHStack gap=\"$3\" alignItems=\"center\">\n  \u003CIcon name=\"user\" \u002F>\n  \u003CText>Username\u003C\u002FText>\n\u003C\u002FHStack>\n\n\u003CVStack gap=\"$4\" padding=\"$4\">\n  \u003CHeading>Title\u003C\u002FHeading>\n  \u003CText>Content\u003C\u002FText>\n\u003C\u002FVStack>\n```\n\n### Text\n\nTypography with token support:\n\n```tsx\n\u003CText\n  fontSize=\"$lg\"\n  fontWeight=\"$semibold\"\n  color=\"$textPrimary\"\n>\n  Hello World\n\u003C\u002FText>\n```\n\n### Button\n\nInteractive button with variants:\n\n```tsx\n\u003CButton\n  onPress={handlePress}\n  variant=\"solid\"\n  size=\"md\"\n  isLoading={loading}\n  isDisabled={disabled}\n>\n  Click Me\n\u003C\u002FButton>\n```\n\n| Variant | Use For |\n|---------|---------|\n| `solid` | Primary actions |\n| `outline` | Secondary actions |\n| `ghost` | Tertiary\u002Fsubtle actions |\n| `link` | Inline actions |\n\n### Input\n\nForm input with validation:\n\n```tsx\n\u003CInput\n  value={value}\n  onChangeText={setValue}\n  placeholder=\"Enter text\"\n  error={touched ? errors.field : undefined}\n  label=\"Field Name\"\n\u002F>\n```\n\n### Card\n\nContent container:\n\n```tsx\n\u003CCard padding=\"$4\" gap=\"$3\">\n  \u003CCardHeader>\n    \u003CHeading size=\"sm\">Card Title\u003C\u002FHeading>\n  \u003C\u002FCardHeader>\n  \u003CCardBody>\n    \u003CText>Card content\u003C\u002FText>\n  \u003C\u002FCardBody>\n\u003C\u002FCard>\n```\n\n## Layout Patterns\n\n### Screen Layout\n\n```tsx\nconst MyScreen = () => (\n  \u003CScreen>\n    \u003CScreenHeader title=\"Page Title\" \u002F>\n    \u003CScreenContent padding=\"$4\">\n      {\u002F* Content *\u002F}\n    \u003C\u002FScreenContent>\n  \u003C\u002FScreen>\n);\n```\n\n### Form Layout\n\n```tsx\n\u003CVStack gap=\"$4\" padding=\"$4\">\n  \u003CInput label=\"Name\" {...nameProps} \u002F>\n  \u003CInput label=\"Email\" {...emailProps} \u002F>\n  \u003CButton isLoading={loading}>Submit\u003C\u002FButton>\n\u003C\u002FVStack>\n```\n\n### List Item Layout\n\n```tsx\n\u003CHStack\n  padding=\"$4\"\n  gap=\"$3\"\n  alignItems=\"center\"\n  borderBottomWidth={1}\n  borderColor=\"$borderLight\"\n>\n  \u003CAvatar source={{ uri: imageUrl }} size=\"md\" \u002F>\n  \u003CVStack flex={1}>\n    \u003CText fontWeight=\"$semibold\">{title}\u003C\u002FText>\n    \u003CText color=\"$textSecondary\" fontSize=\"$sm\">{subtitle}\u003C\u002FText>\n  \u003C\u002FVStack>\n  \u003CIcon name=\"chevron-right\" color=\"$textTertiary\" \u002F>\n\u003C\u002FHStack>\n```\n\n## Anti-Patterns\n\n```tsx\n\u002F\u002F WRONG - Hard-coded values\n\u003CView style={{ padding: 16, backgroundColor: '#fff' }}>\n\n\u002F\u002F CORRECT - Design tokens\n\u003CBox padding=\"$4\" backgroundColor=\"$backgroundPrimary\">\n\n\n\u002F\u002F WRONG - Raw platform components\nimport { View, Text } from 'react-native';\n\n\u002F\u002F CORRECT - Core components\nimport { Box, Text } from 'components\u002Fcore';\n\n\n\u002F\u002F WRONG - Inline styles\n\u003CText style={{ fontSize: 18, fontWeight: '600' }}>\n\n\u002F\u002F CORRECT - Token props\n\u003CText fontSize=\"$lg\" fontWeight=\"$semibold\">\n```\n\n## Component Props Pattern\n\nWhen creating components, use token-based props:\n\n```tsx\ninterface CardProps {\n  padding?: '$2' | '$4' | '$6';\n  variant?: 'elevated' | 'outlined' | 'filled';\n  children: React.ReactNode;\n}\n\nconst Card = ({ padding = '$4', variant = 'elevated', children }: CardProps) => (\n  \u003CBox\n    padding={padding}\n    backgroundColor=\"$backgroundPrimary\"\n    borderRadius=\"$lg\"\n    {...variantStyles[variant]}\n  >\n    {children}\n  \u003C\u002FBox>\n);\n```\n\n## Integration with Other Skills\n\n- **react-ui-patterns**: Use core components for UI states\n- **testing-patterns**: Mock core components in tests\n- **storybook**: Document component variants\n\n## Limitations\n\n- Use this skill only when the task clearly matches its upstream source and local project context.\n- Verify commands, generated code, dependencies, credentials, and external service behavior before applying changes.\n- Do not treat examples as a substitute for environment-specific tests, security review, or user approval for destructive or costly actions.\n",{"name":5,"risk":56,"source":57,"license":14,"date_added":58,"description":7,"source_repo":59,"source_type":43,"license_source":60},"none","https:\u002F\u002Fgithub.com\u002FChrisWiles\u002Fclaude-code-showcase\u002Ftree\u002Fmain\u002F.claude\u002Fskills\u002Fcore-components",1782864000000,"ChrisWiles\u002Fclaude-code-showcase","https:\u002F\u002Fgithub.com\u002FChrisWiles\u002Fclaude-code-showcase\u002Fblob\u002Fmain\u002FLICENSE","f3312ba749561b6159f477dbfc9313c875d40a56",".agents\u002Fskills_archive\u002Fcode-showcase-core-components","https:\u002F\u002Fgithub.com\u002Fduc-duy-1612\u002FOnline-Delivery-Systems-Web","https:\u002F\u002Fgithub.com\u002Fduc-duy-1612","2026-10-25 23:50:58",{"source":8,"skillName":5,"commands":67,"prompt":77,"zipAvailable":78},[68,71,74],{"tool":69,"command":70},"npx","npx skills add duc-duy-1612\u002FOnline-Delivery-Systems-Web --skill code-showcase-core-components",{"tool":72,"command":73},"bunx","bunx skills add duc-duy-1612\u002FOnline-Delivery-Systems-Web --skill code-showcase-core-components",{"tool":75,"command":76},"pnpm","pnpm dlx skills add duc-duy-1612\u002FOnline-Delivery-Systems-Web --skill code-showcase-core-components","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fduc-duy-1612\u002FOnline-Delivery-Systems-Web\u002Fblob\u002Fmain\u002F.agents\u002Fskills_archive\u002Fcode-showcase-core-components\u002FSKILL.md",true,[],[81,108,132,154,178,201],{"skillNo":82,"name":83,"nameZh":6,"description":84,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":85,"categories":86,"keywords":90,"publishedAt":51},"01M6Q0FA5FZ410Z33Z3TFQ4DBA","zero-trust","Implement zero-trust network architecture. Configure identity-based access, micro-segmentation, and continuous verification. Use when implementing modern security architectures.","https:\u002F\u002Fgithub.com\u002Fduc-duy-1612\u002FOnline-Delivery-Systems-Web\u002Fblob\u002Fmain\u002F.agents\u002Fskills_archive\u002Fzero-trust\u002FSKILL.md",[87],{"categoryNo":88,"categoryName":89,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000011","运维与部署",[91,92,93,94,95,96,83,97,98,99,100,101,43,41,102,103,104,105,106,107],"ZeRO","trust","zero trust","architecture","assessment","verification","segmentation","devops-security","access","configure","only","active","critical","scope","scripts","relevant","implementing",{"skillNo":109,"name":110,"nameZh":6,"description":111,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":112,"categories":113,"keywords":114,"publishedAt":51},"01M6Q0F1YZJW3KX5FBKEVZ8CV4","zcode-delegate","Delegate coding tasks to the Z.AI ZCode CLI only when the user explicitly requests it, while the orchestrator retains review and landing responsibility.","https:\u002F\u002Fgithub.com\u002Fduc-duy-1612\u002FOnline-Delivery-Systems-Web\u002Fblob\u002Fmain\u002F.agents\u002Fskills_archive\u002Fzcode-delegate\u002FSKILL.md",[],[115,116,117,118,119,120,121,122,123,124,125,126,127,101,128,43,129,130,103,131],"delegate","zcode","zcode delegate","review","cli","orchestration","tasks","run","Bash","model","node","read","orchestrator","files","desktop app","app","agent-orchestration",{"skillNo":133,"name":134,"nameZh":6,"description":135,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":136,"categories":137,"keywords":138,"publishedAt":51},"01M6Q0ETK41VGNMYEXW0T00AJN","youtube-transcript","Fetch YouTube transcripts through DeepAPI or local fallback tooling and save clean text output.","https:\u002F\u002Fgithub.com\u002Fduc-duy-1612\u002FOnline-Delivery-Systems-Web\u002Fblob\u002Fmain\u002F.agents\u002Fskills_archive\u002Fyoutube-transcript\u002FSKILL.md",[],[139,140,141,142,50,143,144,47,46,145,146,147,148,43,41,149,150,151,152,153],"transcript","youtube transcript","youtube","safe","codex","research","text","fetch","tooling","clean","local","output","deepapi","youtube transcripts","blob",{"skillNo":155,"name":156,"nameZh":6,"description":157,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":158,"categories":159,"keywords":167,"publishedAt":51},"01M6Q0EPPH2PVMDW40017F8WX0","youtube-transcript-skills","Fetch YouTube video transcripts, search videos\u002Fchannels, browse channels, and extract playlists via the getyoutubetranscript.com API - free tier, no card required.","https:\u002F\u002Fgithub.com\u002Fduc-duy-1612\u002FOnline-Delivery-Systems-Web\u002Fblob\u002Fmain\u002F.agents\u002Fskills_archive\u002Fyoutube-transcript-skills\u002FSKILL.md",[160,163,166],{"categoryNo":161,"categoryName":162,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":164,"categoryName":165,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体",{"categoryNo":23,"categoryName":24,"taxonomyType":25,"taxonomyTypeDesc":26},[139,140,141,168,142,169,50,143,47,170,171,172,173,146,174,43,41,175,176,177],"youtube transcript skills","gemini","search","api","Video","browse","api-integration","free","card","channels",{"skillNo":179,"name":180,"nameZh":6,"description":181,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":182,"categories":183,"keywords":188,"publishedAt":51},"01M6Q0EAB96PX83W5PTE8A0R8D","youtube-notetaker","Turn YouTube talks into local study notes with slides, transcripts, editable annotations, and a markdown-backed viewer.","https:\u002F\u002Fgithub.com\u002Fduc-duy-1612\u002FOnline-Delivery-Systems-Web\u002Fblob\u002Fmain\u002F.agents\u002Fskills_archive\u002Fyoutube-notetaker\u002FSKILL.md",[184,187],{"categoryNo":185,"categoryName":186,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000003","演示文稿",{"categoryNo":164,"categoryName":165,"taxonomyType":20,"taxonomyTypeDesc":21},[141,189,190,119,142,191,192,193,34,47,172,194,195,196,197,41,198,149,199,200],"youtube notetaker","notetaker","workflow","official","notes","markdown","slides","annotations","README","study","dair-academy","viewer",{"skillNo":202,"name":203,"nameZh":6,"description":204,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":205,"categories":206,"keywords":208,"publishedAt":51},"01M6Q0E55F0GW5MX48V8HXS8B5","youtube-full","Fetch YouTube transcripts, search videos, browse channels, and extract playlists via TranscriptAPI — no yt-dlp, no Google API key, works from any cloud server.","https:\u002F\u002Fgithub.com\u002Fduc-duy-1612\u002FOnline-Delivery-Systems-Web\u002Fblob\u002Fmain\u002F.agents\u002Fskills_archive\u002Fyoutube-full\u002FSKILL.md",[207],{"categoryNo":161,"categoryName":162,"taxonomyType":20,"taxonomyTypeDesc":21},[209,141,210,211,142,169,170,212,213,171,172,173,146,214,174,43,41,175,215,152],"youtube full","full","google","server","dlp","credits","automatic"]