[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6PZRG9D7JQD69TAMQC78THM":3,"skill-same:01M6PZRG9D7JQD69TAMQC78THM":66},{"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":17,"publishedAt":38,"linkOnly":39,"markdownContent":40,"markdownBody":41,"frontMatter":42,"refName":21,"commitSha":47,"skillDirectory":48,"forksCount":13,"repositoryHtmlUrl":49,"repositoryHomepageUrl":6,"ownerHtmlUrl":50,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":51,"install":52,"resources":65},"01M6PZRG9D7JQD69TAMQC78THM","ui-page",null,"Scaffold a new mobile page\u002Fscreen using the StyleSeed layout patterns","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-page\u002FSKILL.md",[],[18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37],"ui","ui page","page","main","blob","tree","ss","screen","critical","layout","patterns","wed","github","community","styleseed","mobile","engine","https","license","scaffold","2026-11-10 10:12:30",false,"---\nname: ui-page\ndescription: Scaffold a new mobile page\u002Fscreen using the StyleSeed layout patterns\nrisk: critical\nsource: https:\u002F\u002Fgithub.com\u002Fbitjaru\u002Fstyleseed\u002Ftree\u002Fmain\u002Fengine\u002F.claude\u002Fskills\u002Fss-page\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# Mobile Page Scaffolder\n## When to Use\n\nUse this skill when you need scaffold a new mobile page\u002Fscreen using the StyleSeed layout patterns.\n\n\n## When NOT to use\n\n- For a single composed pattern within an existing page → use `\u002Fss-pattern`\n- For desktop-only screens — this skill is mobile-first\n- For multi-page navigation structure → use `\u002Fss-flow` first\n- For tweaking an existing page — edit the file directly\n\nCreate a new page: **$0**\nDescription: $ARGUMENTS\n\n## Instructions\n\n1. Read the design system reference:\n   - `CLAUDE.md` for file structure and conventions\n   - `components\u002Fpatterns\u002Fpage-shell.tsx` for page layout\n   - `components\u002Fpatterns\u002Ftop-bar.tsx` for header pattern\n   - `components\u002Fpatterns\u002Fbottom-nav.tsx` for navigation\n\n2. Page structure template:\n```tsx\nimport { PageShell, PageContent } from \"@\u002Fcomponents\u002Fpatterns\u002Fpage-shell\"\nimport { TopBar, TopBarAction } from \"@\u002Fcomponents\u002Fpatterns\u002Ftop-bar\"\nimport { BottomNav } from \"@\u002Fcomponents\u002Fpatterns\u002Fbottom-nav\"\n\nexport default function PageName() {\n  return (\n    \u003CPageShell>\n      \u003CTopBar\n        logo={\u002F* logo or page title *\u002F}\n        subtitle={\u002F* optional subtitle *\u002F}\n        actions={\u002F* optional action buttons *\u002F}\n      \u002F>\n      \u003CPageContent>\n        {\u002F* Page sections with space-y-6 *\u002F}\n      \u003C\u002FPageContent>\n      \u003CBottomNav items={[\u002F* nav items *\u002F]} activeIndex={0} \u002F>\n    \u003C\u002FPageShell>\n  )\n}\n```\n\n3. Layout rules:\n   - Container: `max-w-[430px]` (mobile viewport)\n   - Page background: `bg-background`\n   - Section horizontal padding: `px-6`\n   - Section vertical spacing: `space-y-6`\n   - Bottom padding for nav: `pb-24`\n   - Cards: `bg-card rounded-2xl p-6 shadow-[var(--shadow-card)]`\n\n4. Use semantic tokens for all colors — never hardcode hex values.\n\n5. Compose the page from existing components (ui\u002F and patterns\u002F) wherever possible.\n\n6. Safe area: include `env(safe-area-inset-*)` padding for modern devices.\n\n7. **Post-generation verification (MANDATORY):**\n   After creating the page, verify against the Golden Rules:\n   - [ ] All content is inside cards (no bare background content)\n   - [ ] Only `--brand` color used for accents (no other accent colors)\n   - [ ] No hardcoded hex values (all semantic tokens)\n   - [ ] Section types alternate (no two identical types in a row)\n   - [ ] Numbers have 2:1 ratio with units\n   - [ ] Spacing uses 6px multiples (p-1.5, p-3, p-6)\n   - [ ] `mx-6` for single cards, `px-6` for grids\u002Fcarousels\n   - [ ] Touch targets ≥ 44px on all interactive elements\n   If any violation is found, fix it before presenting the page to the user.\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","# Mobile Page Scaffolder\n## When to Use\n\nUse this skill when you need scaffold a new mobile page\u002Fscreen using the StyleSeed layout patterns.\n\n\n## When NOT to use\n\n- For a single composed pattern within an existing page → use `\u002Fss-pattern`\n- For desktop-only screens — this skill is mobile-first\n- For multi-page navigation structure → use `\u002Fss-flow` first\n- For tweaking an existing page — edit the file directly\n\nCreate a new page: **$0**\nDescription: $ARGUMENTS\n\n## Instructions\n\n1. Read the design system reference:\n   - `CLAUDE.md` for file structure and conventions\n   - `components\u002Fpatterns\u002Fpage-shell.tsx` for page layout\n   - `components\u002Fpatterns\u002Ftop-bar.tsx` for header pattern\n   - `components\u002Fpatterns\u002Fbottom-nav.tsx` for navigation\n\n2. Page structure template:\n```tsx\nimport { PageShell, PageContent } from \"@\u002Fcomponents\u002Fpatterns\u002Fpage-shell\"\nimport { TopBar, TopBarAction } from \"@\u002Fcomponents\u002Fpatterns\u002Ftop-bar\"\nimport { BottomNav } from \"@\u002Fcomponents\u002Fpatterns\u002Fbottom-nav\"\n\nexport default function PageName() {\n  return (\n    \u003CPageShell>\n      \u003CTopBar\n        logo={\u002F* logo or page title *\u002F}\n        subtitle={\u002F* optional subtitle *\u002F}\n        actions={\u002F* optional action buttons *\u002F}\n      \u002F>\n      \u003CPageContent>\n        {\u002F* Page sections with space-y-6 *\u002F}\n      \u003C\u002FPageContent>\n      \u003CBottomNav items={[\u002F* nav items *\u002F]} activeIndex={0} \u002F>\n    \u003C\u002FPageShell>\n  )\n}\n```\n\n3. Layout rules:\n   - Container: `max-w-[430px]` (mobile viewport)\n   - Page background: `bg-background`\n   - Section horizontal padding: `px-6`\n   - Section vertical spacing: `space-y-6`\n   - Bottom padding for nav: `pb-24`\n   - Cards: `bg-card rounded-2xl p-6 shadow-[var(--shadow-card)]`\n\n4. Use semantic tokens for all colors — never hardcode hex values.\n\n5. Compose the page from existing components (ui\u002F and patterns\u002F) wherever possible.\n\n6. Safe area: include `env(safe-area-inset-*)` padding for modern devices.\n\n7. **Post-generation verification (MANDATORY):**\n   After creating the page, verify against the Golden Rules:\n   - [ ] All content is inside cards (no bare background content)\n   - [ ] Only `--brand` color used for accents (no other accent colors)\n   - [ ] No hardcoded hex values (all semantic tokens)\n   - [ ] Section types alternate (no two identical types in a row)\n   - [ ] Numbers have 2:1 ratio with units\n   - [ ] Spacing uses 6px multiples (p-1.5, p-3, p-6)\n   - [ ] `mx-6` for single cards, `px-6` for grids\u002Fcarousels\n   - [ ] Touch targets ≥ 44px on all interactive elements\n   If any violation is found, fix it before presenting the page to the user.\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":26,"source":43,"license":14,"date_added":44,"description":7,"source_repo":45,"source_type":31,"license_source":46},"https:\u002F\u002Fgithub.com\u002Fbitjaru\u002Fstyleseed\u002Ftree\u002Fmain\u002Fengine\u002F.claude\u002Fskills\u002Fss-page",1782864000000,"bitjaru\u002Fstyleseed","https:\u002F\u002Fgithub.com\u002Fbitjaru\u002Fstyleseed\u002Fblob\u002Fmain\u002FLICENSE","f3312ba749561b6159f477dbfc9313c875d40a56",".agents\u002Fskills_archive\u002Fui-page","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":53,"prompt":63,"zipAvailable":64},[54,57,60],{"tool":55,"command":56},"npx","npx skills add duc-duy-1612\u002FOnline-Delivery-Systems-Web --skill ui-page",{"tool":58,"command":59},"bunx","bunx skills add duc-duy-1612\u002FOnline-Delivery-Systems-Web --skill ui-page",{"tool":61,"command":62},"pnpm","pnpm dlx skills add duc-duy-1612\u002FOnline-Delivery-Systems-Web --skill ui-page","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fduc-duy-1612\u002FOnline-Delivery-Systems-Web\u002Fblob\u002Fmain\u002F.agents\u002Fskills_archive\u002Fui-page\u002FSKILL.md",true,[],[67,95,119,140,168,192],{"skillNo":68,"name":69,"nameZh":6,"description":70,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":71,"categories":72,"keywords":78,"publishedAt":38},"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",[73],{"categoryNo":74,"categoryName":75,"taxonomyType":76,"taxonomyTypeDesc":77},"01JBSEEDCAT000000000000011","运维与部署","SCENARIO","使用场景",[79,80,81,82,83,84,69,85,86,87,88,89,31,21,90,26,91,92,93,94],"ZeRO","trust","zero trust","architecture","assessment","verification","segmentation","devops-security","access","configure","only","active","scope","scripts","relevant","implementing",{"skillNo":96,"name":97,"nameZh":6,"description":98,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":99,"categories":100,"keywords":101,"publishedAt":38},"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",[],[102,103,104,105,106,107,108,109,110,111,112,113,114,89,115,31,116,117,26,118],"delegate","zcode","zcode delegate","review","cli","orchestration","tasks","run","Bash","model","node","read","orchestrator","files","desktop app","app","agent-orchestration",{"skillNo":120,"name":121,"nameZh":6,"description":122,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":123,"categories":124,"keywords":125,"publishedAt":38},"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",[],[126,127,128,129,30,130,131,36,35,132,133,134,135,31,21,136,137,138,139,22],"transcript","youtube transcript","youtube","safe","codex","research","text","fetch","tooling","clean","local","output","deepapi","youtube transcripts",{"skillNo":141,"name":142,"nameZh":6,"description":143,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":144,"categories":145,"keywords":157,"publishedAt":38},"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",[146,149,152],{"categoryNo":147,"categoryName":148,"taxonomyType":76,"taxonomyTypeDesc":77},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":150,"categoryName":151,"taxonomyType":76,"taxonomyTypeDesc":77},"01JBSEEDCAT000000000000016","图像与多媒体",{"categoryNo":153,"categoryName":154,"taxonomyType":155,"taxonomyTypeDesc":156},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",[126,127,128,158,129,159,30,130,36,160,161,162,163,133,164,31,21,165,166,167],"youtube transcript skills","gemini","search","api","Video","browse","api-integration","free","card","channels",{"skillNo":169,"name":170,"nameZh":6,"description":171,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":172,"categories":173,"keywords":178,"publishedAt":38},"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",[174,177],{"categoryNo":175,"categoryName":176,"taxonomyType":76,"taxonomyTypeDesc":77},"01JBSEEDCAT000000000000003","演示文稿",{"categoryNo":150,"categoryName":151,"taxonomyType":76,"taxonomyTypeDesc":77},[128,179,180,106,129,181,182,183,184,36,162,185,186,187,188,21,189,136,190,191],"youtube notetaker","notetaker","workflow","official","notes","code","markdown","slides","annotations","README","study","dair-academy","viewer",{"skillNo":193,"name":194,"nameZh":6,"description":195,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":196,"categories":197,"keywords":199,"publishedAt":38},"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",[198],{"categoryNo":147,"categoryName":148,"taxonomyType":76,"taxonomyTypeDesc":77},[200,128,201,202,129,159,160,203,204,161,162,163,133,205,164,31,21,165,206,139],"youtube full","full","google","server","dlp","credits","automatic"]