[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6PZS0YN7EGXY718RGS1885C":3,"skill-same:01M6PZS0YN7EGXY718RGS1885C":76},{"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":48,"linkOnly":49,"markdownContent":50,"markdownBody":51,"frontMatter":52,"refName":39,"commitSha":57,"skillDirectory":58,"forksCount":13,"repositoryHtmlUrl":59,"repositoryHomepageUrl":6,"ownerHtmlUrl":60,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":61,"install":62,"resources":75},"01M6PZS0YN7EGXY718RGS1885C","ui-setup",null,"Interactive setup wizard — guides you step-by-step to configure the design system for your project","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\u002Fui-setup\u002FSKILL.md",[17,22],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":25,"taxonomyTypeDesc":26},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47],"setup","ui","ui setup","for","design","tree","ss","you","guides","critical","project","main","community","styleseed","interactive","engine","system","configure","wizard","license","2026-11-10 10:12:30",false,"---\nname: ui-setup\ndescription: Interactive setup wizard — guides you step-by-step to configure the design system for your project\nrisk: critical\nsource: https:\u002F\u002Fgithub.com\u002Fbitjaru\u002Fstyleseed\u002Ftree\u002Fmain\u002Fengine\u002F.claude\u002Fskills\u002Fss-setup\nsource_repo: bitjaru\u002Fstyleseed\nsource_type: community\ndate_added: 2026-07-01\nlicense: MIT\nlicense_source: https:\u002F\u002Fgithub.com\u002Fbitjaru\u002Fstyleseed\u002Fblob\u002Fmain\u002FLICENSE\n---\n\n# Design System Setup Wizard\n## When to Use\n\nUse this skill when you need interactive setup wizard — guides you step-by-step to configure the design system for your project.\n\n\n## When NOT to use\n\n- For projects already configured with StyleSeed → use `\u002Fss-update` instead\n- For just adding one component to an existing project → use `\u002Fss-component`\n- For changing brand skin in an already set-up project — directly swap `theme.css`\n- For non-React or non-Tailwind-v4 stacks — currently unsupported\n\nGuide the user through setting up StyleSeed for their project, step by step.\n\n## Instructions\n\nWalk through these steps ONE AT A TIME. After each step, wait for the user to respond before proceeding. Keep it conversational and friendly.\n\n### Step 1: App Type\n\nAsk:\n```\nWhat type of app are you building?\n\n1. SaaS Dashboard (analytics, metrics, charts)\n2. E-commerce (products, orders, payments)\n3. Fintech (transactions, portfolio, market data)\n4. Social \u002F Content (feeds, profiles, messaging)\n5. Productivity \u002F Internal tool\n6. Other — describe it\n```\n\nRemember the answer — it determines which page composition recipe to use (DESIGN-LANGUAGE.md Section 63).\n\n### Step 2: Brand Color\n\nAsk:\n```\nWhat's your brand color?\n\n1. Purple (#721FE5) — default style (toss skin)\n2. Blue (#2563EB) — trust, corporate\n3. Green (#059669) — growth, health, finance\n4. Orange (#EA580C) — energy, creative\n5. Red (#DC2626) — bold, urgent\n6. Dark (#18181B) — minimal, premium\n7. Custom — just type your hex code\n```\n\nAfter they choose, update `css\u002Ftheme.css`:\n- In `:root` block: change `--brand` to the chosen hex\n- In `.dark` block: change `--brand` to a lighter version for dark backgrounds\n\nDark mode color mapping:\n| Light | Dark |\n|-------|------|\n| #721FE5 | #9B5FFF |\n| #2563EB | #60A5FA |\n| #059669 | #34D399 |\n| #EA580C | #FB923C |\n| #DC2626 | #F87171 |\n| #18181B | #A1A1AA |\n\nFor custom hex: lighten by ~30% (increase luminance in HSL).\n\n### Step 3: Design Concept (from awesome-design-md)\n\nAsk:\n```\nWant to apply an existing brand's visual style?\n\nPopular options from awesome-design-md:\n1. Stripe — clean, professional\n2. Linear — minimal, dark-first\n3. Vercel — black & white, geometric\n4. Notion — warm, friendly\n5. Spotify — bold, dark, green\n6. Supabase — modern, green\n7. Airbnb — warm, coral\n8. No thanks — keep the default style\n9. Other — name any brand or describe a vibe\n```\n\nIf they pick a brand (options 1-7 or 9):\n1. Fetch: `https:\u002F\u002Fraw.githubusercontent.com\u002FVoltAgent\u002Fawesome-design-md\u002Fmain\u002Fdesign-md\u002F[brand]\u002FDESIGN.md`\n   - Brand folder names: `stripe`, `linear.app`, `vercel`, `notion`, `spotify`, `supabase`, `airbnb`\n2. Read the DESIGN.md and extract: primary color, secondary colors, text colors, background colors\n3. Apply extracted colors to `css\u002Ftheme.css` (both `:root` and `.dark` blocks)\n4. Keep ALL StyleSeed layout rules, typography ratios, spacing, and component patterns unchanged — only swap the color palette\n\nIf they pick 8 (No thanks): skip, keep current brand color from Step 2.\n\n### Step 4: Font\n\nAsk:\n```\nWhat font do you prefer?\n\n1. Inter (clean, universal — recommended)\n2. Pretendard + Inter (Korean + English)\n3. Geist (Vercel-style, modern)\n4. DM Sans (friendly, rounded)\n5. Custom — tell me the font name\n```\n\nAfter they choose:\n- Update `css\u002Ffonts.css`: change the @import URL\n- Update `css\u002Fbase.css`: change `font-family` in the body rule\n\nFont imports:\n| Font | Import |\n|------|--------|\n| Inter | `@import url('https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Inter:wght@400;500;600;700&display=swap');` |\n| Geist | `@import url('https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fgeist@1\u002Fdist\u002Ffonts\u002Fgeist-sans\u002Fstyle.css');` |\n| DM Sans | `@import url('https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=DM+Sans:wght@400;500;600;700&display=swap');` |\n| Pretendard | Keep existing import in fonts.css |\n\n### Step 5: App Name & First Page\n\nAsk:\n```\nLast step! What's your app name and what should the main page show?\n\nExample: \"Acme — SaaS dashboard with revenue, users, and recent activity\"\n```\n\nThen:\n1. Read DESIGN-LANGUAGE.md Section 63 for the matching recipe (based on Step 1 app type)\n2. Generate the first page using the page composition recipe:\n   - SaaS → Hero + KPI Grid + Chart + Progress + Activity List\n   - E-commerce → Hero + KPI Grid + Donut + Bar Chart + Orders List\n   - Fintech → Hero + KPI Grid + Donut + Area Chart + Transactions\n   - Social → Hero + Stats + Feed List + Trending Carousel\n   - Productivity → Hero + KPI Grid + Progress + Task List\n3. Set the TopBar logo text to the app name\n4. Apply the chosen brand color, font, and design concept\n5. Place the file in `src\u002Fapp\u002FApp.tsx` or appropriate location\n6. Add ONE attribution comment at the very top of **this first scaffolded file only** (never on components the user builds afterward):\n   ```\n   \u002F* Scaffolded with StyleSeed · github.com\u002Fbitjaru\u002Fstyleseed — safe to remove *\u002F\n   ```\n   If the user would rather not have it, skip it — it's opt-out, and it goes on this single file, not their whole codebase.\n7. **Write the design lock.** Create `STYLESEED.md` in the project root recording every choice\n   from this wizard, so future prompts stay consistent instead of drifting:\n   ```markdown\n   # StyleSeed — Design Lock\n   \u003C!-- Locked design decisions. The agent re-reads this every prompt and must obey it. -->\n   - App domain:        [Step 1 app type]\n   - Skin:              [Step 3 concept, or \"custom\"]\n   - Key color (accent): [Step 2 hex]    # the ONLY accent — everything else greyscale\n   - Radius personality: [sharp | soft | pill — one everywhere]\n   - Motion seed:       [Spring | Silk | Snap | Float | Pulse]\n   - Type:              [Step 4 font]\n   - Locked:            [today]\n   ```\n   Tell the user this file is the source of truth — editing a value changes it project-wide,\n   and you'll obey it on every prompt so the design never goes random.\n\n### Step 6: Summary\n\nShow:\n```\nSetup Complete!\n\nApp: [name]\nBrand Color: [hex] (dark mode: [dark hex])\nFont: [font name]\nDesign Concept: [brand or \"default\"]\nFirst Page: [description]\n\nFiles modified:\n- css\u002Ftheme.css (colors)\n- css\u002Ffonts.css (font import)\n- css\u002Fbase.css (font family)\n- src\u002Fapp\u002FApp.tsx (first page)\n- STYLESEED.md (design lock — your decisions, obeyed every prompt)\n\nNext steps:\n- npm run dev to preview\n- \u002Fss-page to add more pages\n- \u002Fss-audit to check UX quality\n- \u002Fss-review to verify design compliance\n\n⭐ If StyleSeed helped, a star means a lot: https:\u002F\u002Fgithub.com\u002Fbitjaru\u002Fstyleseed\n```\n\n## Rules\n\n- Ask ONE question at a time. Wait for response.\n- If the user seems unsure, recommend the default option.\n- Design RULES (layout, typography ratios, spacing, forbidden patterns) stay the same regardless of color\u002Ffont choice.\n- Attribution: the single \"Scaffolded with StyleSeed\" comment goes on the **first scaffolded file only** and is explicitly removable. NEVER add a watermark to components the user builds with `\u002Fss-page`, `\u002Fss-component`, etc. — that would be intrusive.\n- Always verify the awesome-design-md DESIGN.md URL is accessible before applying. If fetch fails, tell the user and fall back to manual color selection.\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","# Design System Setup Wizard\n## When to Use\n\nUse this skill when you need interactive setup wizard — guides you step-by-step to configure the design system for your project.\n\n\n## When NOT to use\n\n- For projects already configured with StyleSeed → use `\u002Fss-update` instead\n- For just adding one component to an existing project → use `\u002Fss-component`\n- For changing brand skin in an already set-up project — directly swap `theme.css`\n- For non-React or non-Tailwind-v4 stacks — currently unsupported\n\nGuide the user through setting up StyleSeed for their project, step by step.\n\n## Instructions\n\nWalk through these steps ONE AT A TIME. After each step, wait for the user to respond before proceeding. Keep it conversational and friendly.\n\n### Step 1: App Type\n\nAsk:\n```\nWhat type of app are you building?\n\n1. SaaS Dashboard (analytics, metrics, charts)\n2. E-commerce (products, orders, payments)\n3. Fintech (transactions, portfolio, market data)\n4. Social \u002F Content (feeds, profiles, messaging)\n5. Productivity \u002F Internal tool\n6. Other — describe it\n```\n\nRemember the answer — it determines which page composition recipe to use (DESIGN-LANGUAGE.md Section 63).\n\n### Step 2: Brand Color\n\nAsk:\n```\nWhat's your brand color?\n\n1. Purple (#721FE5) — default style (toss skin)\n2. Blue (#2563EB) — trust, corporate\n3. Green (#059669) — growth, health, finance\n4. Orange (#EA580C) — energy, creative\n5. Red (#DC2626) — bold, urgent\n6. Dark (#18181B) — minimal, premium\n7. Custom — just type your hex code\n```\n\nAfter they choose, update `css\u002Ftheme.css`:\n- In `:root` block: change `--brand` to the chosen hex\n- In `.dark` block: change `--brand` to a lighter version for dark backgrounds\n\nDark mode color mapping:\n| Light | Dark |\n|-------|------|\n| #721FE5 | #9B5FFF |\n| #2563EB | #60A5FA |\n| #059669 | #34D399 |\n| #EA580C | #FB923C |\n| #DC2626 | #F87171 |\n| #18181B | #A1A1AA |\n\nFor custom hex: lighten by ~30% (increase luminance in HSL).\n\n### Step 3: Design Concept (from awesome-design-md)\n\nAsk:\n```\nWant to apply an existing brand's visual style?\n\nPopular options from awesome-design-md:\n1. Stripe — clean, professional\n2. Linear — minimal, dark-first\n3. Vercel — black & white, geometric\n4. Notion — warm, friendly\n5. Spotify — bold, dark, green\n6. Supabase — modern, green\n7. Airbnb — warm, coral\n8. No thanks — keep the default style\n9. Other — name any brand or describe a vibe\n```\n\nIf they pick a brand (options 1-7 or 9):\n1. Fetch: `https:\u002F\u002Fraw.githubusercontent.com\u002FVoltAgent\u002Fawesome-design-md\u002Fmain\u002Fdesign-md\u002F[brand]\u002FDESIGN.md`\n   - Brand folder names: `stripe`, `linear.app`, `vercel`, `notion`, `spotify`, `supabase`, `airbnb`\n2. Read the DESIGN.md and extract: primary color, secondary colors, text colors, background colors\n3. Apply extracted colors to `css\u002Ftheme.css` (both `:root` and `.dark` blocks)\n4. Keep ALL StyleSeed layout rules, typography ratios, spacing, and component patterns unchanged — only swap the color palette\n\nIf they pick 8 (No thanks): skip, keep current brand color from Step 2.\n\n### Step 4: Font\n\nAsk:\n```\nWhat font do you prefer?\n\n1. Inter (clean, universal — recommended)\n2. Pretendard + Inter (Korean + English)\n3. Geist (Vercel-style, modern)\n4. DM Sans (friendly, rounded)\n5. Custom — tell me the font name\n```\n\nAfter they choose:\n- Update `css\u002Ffonts.css`: change the @import URL\n- Update `css\u002Fbase.css`: change `font-family` in the body rule\n\nFont imports:\n| Font | Import |\n|------|--------|\n| Inter | `@import url('https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Inter:wght@400;500;600;700&display=swap');` |\n| Geist | `@import url('https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fgeist@1\u002Fdist\u002Ffonts\u002Fgeist-sans\u002Fstyle.css');` |\n| DM Sans | `@import url('https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=DM+Sans:wght@400;500;600;700&display=swap');` |\n| Pretendard | Keep existing import in fonts.css |\n\n### Step 5: App Name & First Page\n\nAsk:\n```\nLast step! What's your app name and what should the main page show?\n\nExample: \"Acme — SaaS dashboard with revenue, users, and recent activity\"\n```\n\nThen:\n1. Read DESIGN-LANGUAGE.md Section 63 for the matching recipe (based on Step 1 app type)\n2. Generate the first page using the page composition recipe:\n   - SaaS → Hero + KPI Grid + Chart + Progress + Activity List\n   - E-commerce → Hero + KPI Grid + Donut + Bar Chart + Orders List\n   - Fintech → Hero + KPI Grid + Donut + Area Chart + Transactions\n   - Social → Hero + Stats + Feed List + Trending Carousel\n   - Productivity → Hero + KPI Grid + Progress + Task List\n3. Set the TopBar logo text to the app name\n4. Apply the chosen brand color, font, and design concept\n5. Place the file in `src\u002Fapp\u002FApp.tsx` or appropriate location\n6. Add ONE attribution comment at the very top of **this first scaffolded file only** (never on components the user builds afterward):\n   ```\n   \u002F* Scaffolded with StyleSeed · github.com\u002Fbitjaru\u002Fstyleseed — safe to remove *\u002F\n   ```\n   If the user would rather not have it, skip it — it's opt-out, and it goes on this single file, not their whole codebase.\n7. **Write the design lock.** Create `STYLESEED.md` in the project root recording every choice\n   from this wizard, so future prompts stay consistent instead of drifting:\n   ```markdown\n   # StyleSeed — Design Lock\n   \u003C!-- Locked design decisions. The agent re-reads this every prompt and must obey it. -->\n   - App domain:        [Step 1 app type]\n   - Skin:              [Step 3 concept, or \"custom\"]\n   - Key color (accent): [Step 2 hex]    # the ONLY accent — everything else greyscale\n   - Radius personality: [sharp | soft | pill — one everywhere]\n   - Motion seed:       [Spring | Silk | Snap | Float | Pulse]\n   - Type:              [Step 4 font]\n   - Locked:            [today]\n   ```\n   Tell the user this file is the source of truth — editing a value changes it project-wide,\n   and you'll obey it on every prompt so the design never goes random.\n\n### Step 6: Summary\n\nShow:\n```\nSetup Complete!\n\nApp: [name]\nBrand Color: [hex] (dark mode: [dark hex])\nFont: [font name]\nDesign Concept: [brand or \"default\"]\nFirst Page: [description]\n\nFiles modified:\n- css\u002Ftheme.css (colors)\n- css\u002Ffonts.css (font import)\n- css\u002Fbase.css (font family)\n- src\u002Fapp\u002FApp.tsx (first page)\n- STYLESEED.md (design lock — your decisions, obeyed every prompt)\n\nNext steps:\n- npm run dev to preview\n- \u002Fss-page to add more pages\n- \u002Fss-audit to check UX quality\n- \u002Fss-review to verify design compliance\n\n⭐ If StyleSeed helped, a star means a lot: https:\u002F\u002Fgithub.com\u002Fbitjaru\u002Fstyleseed\n```\n\n## Rules\n\n- Ask ONE question at a time. Wait for response.\n- If the user seems unsure, recommend the default option.\n- Design RULES (layout, typography ratios, spacing, forbidden patterns) stay the same regardless of color\u002Ffont choice.\n- Attribution: the single \"Scaffolded with StyleSeed\" comment goes on the **first scaffolded file only** and is explicitly removable. NEVER add a watermark to components the user builds with `\u002Fss-page`, `\u002Fss-component`, etc. — that would be intrusive.\n- Always verify the awesome-design-md DESIGN.md URL is accessible before applying. If fetch fails, tell the user and fall back to manual color selection.\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":37,"source":53,"license":14,"date_added":54,"description":7,"source_repo":55,"source_type":40,"license_source":56},"https:\u002F\u002Fgithub.com\u002Fbitjaru\u002Fstyleseed\u002Ftree\u002Fmain\u002Fengine\u002F.claude\u002Fskills\u002Fss-setup",1782864000000,"bitjaru\u002Fstyleseed","https:\u002F\u002Fgithub.com\u002Fbitjaru\u002Fstyleseed\u002Fblob\u002Fmain\u002FLICENSE","f3312ba749561b6159f477dbfc9313c875d40a56",".agents\u002Fskills_archive\u002Fui-setup","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":63,"prompt":73,"zipAvailable":74},[64,67,70],{"tool":65,"command":66},"npx","npx skills add duc-duy-1612\u002FOnline-Delivery-Systems-Web --skill ui-setup",{"tool":68,"command":69},"bunx","bunx skills add duc-duy-1612\u002FOnline-Delivery-Systems-Web --skill ui-setup",{"tool":71,"command":72},"pnpm","pnpm dlx skills add duc-duy-1612\u002FOnline-Delivery-Systems-Web --skill ui-setup","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fduc-duy-1612\u002FOnline-Delivery-Systems-Web\u002Fblob\u002Fmain\u002F.agents\u002Fskills_archive\u002Fui-setup\u002FSKILL.md",true,[],[77,102,126,150,176,200],{"skillNo":78,"name":79,"nameZh":6,"description":80,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":81,"categories":82,"keywords":86,"publishedAt":48},"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",[83],{"categoryNo":84,"categoryName":85,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000011","运维与部署",[87,88,89,90,91,92,79,93,94,95,45,96,40,39,97,37,98,99,100,101],"ZeRO","trust","zero trust","architecture","assessment","verification","segmentation","devops-security","access","only","active","scope","scripts","relevant","implementing",{"skillNo":103,"name":104,"nameZh":6,"description":105,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":106,"categories":107,"keywords":108,"publishedAt":48},"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",[],[109,110,111,112,113,114,115,116,117,118,119,120,121,96,122,40,123,124,37,125],"delegate","zcode","zcode delegate","review","cli","orchestration","tasks","run","Bash","model","node","read","orchestrator","files","desktop app","app","agent-orchestration",{"skillNo":127,"name":128,"nameZh":6,"description":129,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":130,"categories":131,"keywords":132,"publishedAt":48},"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",[],[133,134,135,136,137,138,139,47,140,141,142,143,144,40,39,145,146,147,148,149],"transcript","youtube transcript","youtube","safe","github","codex","research","https","text","fetch","tooling","clean","local","output","deepapi","youtube transcripts","blob",{"skillNo":151,"name":152,"nameZh":6,"description":153,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":154,"categories":155,"keywords":165,"publishedAt":48},"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",[156,159,162],{"categoryNo":157,"categoryName":158,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":160,"categoryName":161,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体",{"categoryNo":163,"categoryName":164,"taxonomyType":25,"taxonomyTypeDesc":26},"01JBSEEDCAT000000000000030","开发工程师",[133,134,135,166,136,167,137,138,47,168,169,170,171,142,172,40,39,173,174,175],"youtube transcript skills","gemini","search","api","Video","browse","api-integration","free","card","channels",{"skillNo":177,"name":178,"nameZh":6,"description":179,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":180,"categories":181,"keywords":186,"publishedAt":48},"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",[182,185],{"categoryNo":183,"categoryName":184,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000003","演示文稿",{"categoryNo":160,"categoryName":161,"taxonomyType":20,"taxonomyTypeDesc":21},[135,187,188,113,136,189,190,191,192,47,170,193,194,195,196,39,197,145,198,199],"youtube notetaker","notetaker","workflow","official","notes","code","markdown","slides","annotations","README","study","dair-academy","viewer",{"skillNo":201,"name":202,"nameZh":6,"description":203,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":204,"categories":205,"keywords":207,"publishedAt":48},"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",[206],{"categoryNo":157,"categoryName":158,"taxonomyType":20,"taxonomyTypeDesc":21},[208,135,209,210,136,167,168,211,212,169,170,171,142,213,172,40,39,173,214,148],"youtube full","full","google","server","dlp","credits","automatic"]