[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6P1HJ475TYPRFTSTR8RFXTC":3,"skill-same:01M6P1HJ475TYPRFTSTR8RFXTC":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":22,"publishedAt":43,"linkOnly":44,"markdownContent":45,"markdownBody":46,"frontMatter":47,"refName":33,"commitSha":52,"skillDirectory":53,"forksCount":13,"repositoryHtmlUrl":54,"repositoryHomepageUrl":6,"ownerHtmlUrl":55,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":56,"install":57,"resources":70},"01M6P1HJ475TYPRFTSTR8RFXTC","developer-sandbox",null,"Design and build interactive playgrounds that let developers experience your product without commitment. This skill covers playground architecture, pre-populated examples, embedding strategies, gating decisions, and converting playground users to signups.","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\u002Fdeveloper-sandbox\u002FSKILL.md",[17],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",[23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"sandbox","developer sandbox","developer","community","gating","tree","embedding","users","critical","strategies","main","embedding strategies","design","interactive","decisions","examples","license","product","architecture","github","2026-11-10 10:12:30",false,"---\nname: developer-sandbox\ndescription: \"Design and build interactive playgrounds that let developers experience your product without commitment. This skill covers playground architecture, pre-populated examples, embedding strategies, gating decisions, and converting playground users to signups.\"\nrisk: critical\nsource: https:\u002F\u002Fgithub.com\u002Fjonathimer\u002Fdevmarketing-skills\u002Ftree\u002Fmain\u002Fskills\u002Fdeveloper-sandbox\nsource_repo: jonathimer\u002Fdevmarketing-skills\nsource_type: community\ndate_added: 2026-07-01\nlicense: MIT\nlicense_source: https:\u002F\u002Fgithub.com\u002Fjonathimer\u002Fdevmarketing-skills\u002Fblob\u002Fmain\u002FLICENSE\n---\n\n# Interactive Playgrounds and Demo Environments\n\n## Detailed Guide\n\nRead [the detailed guide](references\u002Fdetailed-guide.md) before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.\n\n## When to Use\n\nUse this skill when you need design and build interactive playgrounds that let developers experience your product without commitment. This skill covers playground architecture, pre-populated examples, embedding strategies, gating decisions, and converting playground users to signups. Trigger phrases: \"developer...\n\n\nLet developers experience your product before they commit. A great playground removes the biggest barrier to adoption: uncertainty about whether your product solves their problem.\n\n## Pre-Populated Examples\n\n### Example Selection Strategy\n\nChoose examples that:\n1. **Show core value** in 30 seconds\n2. **Solve real problems** developers have\n3. **Demonstrate differentiation** from competitors\n4. **Scale in complexity** from simple to advanced\n\n### Example Categories\n\n**\"Hello World\" Example**\n- Simplest possible use of your API\n- Should work with zero modification\n- Proves the system is working\n\n```javascript\n\u002F\u002F Example: Text Analysis API\nconst result = await api.analyze(\"Hello, world!\");\n\u002F\u002F Output: { words: 2, characters: 13 }\n```\n\n**\"Aha Moment\" Example**\n- Shows unique capability of your product\n- Creates the \"wow, that was easy\" reaction\n- This is your most important example\n\n```javascript\n\u002F\u002F Example: Shows AI doing something impressive\nconst result = await api.summarize(longArticle);\n\u002F\u002F Output: A perfect 3-sentence summary\n```\n\n**\"Real Use Case\" Examples**\n- Actual scenarios developers encounter\n- Shows how to solve specific problems\n- Multiple examples for different use cases\n\n```javascript\n\u002F\u002F Example 1: E-commerce - Analyze product reviews\n\u002F\u002F Example 2: Support - Classify incoming tickets\n\u002F\u002F Example 3: Social - Detect spam comments\n```\n\n**\"Integration\" Examples**\n- Shows product working with popular tools\n- Addresses \"will this work with my stack?\" concern\n\n```javascript\n\u002F\u002F Example: Integration with Express.js\napp.post('\u002Fanalyze', async (req, res) => {\n  const result = await api.analyze(req.body.text);\n  res.json(result);\n});\n```\n\n### Example Quality Checklist\n\n- [ ] Example runs without modification\n- [ ] Output is interesting\u002Fimpressive\n- [ ] Code follows language best practices\n- [ ] Comments explain what's happening\n- [ ] Real-world use case is obvious\n- [ ] Leads to natural \"what else can it do?\" curiosity\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","# Interactive Playgrounds and Demo Environments\n\n## Detailed Guide\n\nRead [the detailed guide](references\u002Fdetailed-guide.md) before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.\n\n## When to Use\n\nUse this skill when you need design and build interactive playgrounds that let developers experience your product without commitment. This skill covers playground architecture, pre-populated examples, embedding strategies, gating decisions, and converting playground users to signups. Trigger phrases: \"developer...\n\n\nLet developers experience your product before they commit. A great playground removes the biggest barrier to adoption: uncertainty about whether your product solves their problem.\n\n## Pre-Populated Examples\n\n### Example Selection Strategy\n\nChoose examples that:\n1. **Show core value** in 30 seconds\n2. **Solve real problems** developers have\n3. **Demonstrate differentiation** from competitors\n4. **Scale in complexity** from simple to advanced\n\n### Example Categories\n\n**\"Hello World\" Example**\n- Simplest possible use of your API\n- Should work with zero modification\n- Proves the system is working\n\n```javascript\n\u002F\u002F Example: Text Analysis API\nconst result = await api.analyze(\"Hello, world!\");\n\u002F\u002F Output: { words: 2, characters: 13 }\n```\n\n**\"Aha Moment\" Example**\n- Shows unique capability of your product\n- Creates the \"wow, that was easy\" reaction\n- This is your most important example\n\n```javascript\n\u002F\u002F Example: Shows AI doing something impressive\nconst result = await api.summarize(longArticle);\n\u002F\u002F Output: A perfect 3-sentence summary\n```\n\n**\"Real Use Case\" Examples**\n- Actual scenarios developers encounter\n- Shows how to solve specific problems\n- Multiple examples for different use cases\n\n```javascript\n\u002F\u002F Example 1: E-commerce - Analyze product reviews\n\u002F\u002F Example 2: Support - Classify incoming tickets\n\u002F\u002F Example 3: Social - Detect spam comments\n```\n\n**\"Integration\" Examples**\n- Shows product working with popular tools\n- Addresses \"will this work with my stack?\" concern\n\n```javascript\n\u002F\u002F Example: Integration with Express.js\napp.post('\u002Fanalyze', async (req, res) => {\n  const result = await api.analyze(req.body.text);\n  res.json(result);\n});\n```\n\n### Example Quality Checklist\n\n- [ ] Example runs without modification\n- [ ] Output is interesting\u002Fimpressive\n- [ ] Code follows language best practices\n- [ ] Comments explain what's happening\n- [ ] Real-world use case is obvious\n- [ ] Leads to natural \"what else can it do?\" curiosity\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":31,"source":48,"license":14,"date_added":49,"description":7,"source_repo":50,"source_type":26,"license_source":51},"https:\u002F\u002Fgithub.com\u002Fjonathimer\u002Fdevmarketing-skills\u002Ftree\u002Fmain\u002Fskills\u002Fdeveloper-sandbox",1782864000000,"jonathimer\u002Fdevmarketing-skills","https:\u002F\u002Fgithub.com\u002Fjonathimer\u002Fdevmarketing-skills\u002Fblob\u002Fmain\u002FLICENSE","f3312ba749561b6159f477dbfc9313c875d40a56",".agents\u002Fskills_archive\u002Fdeveloper-sandbox","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":58,"prompt":68,"zipAvailable":69},[59,62,65],{"tool":60,"command":61},"npx","npx skills add duc-duy-1612\u002FOnline-Delivery-Systems-Web --skill developer-sandbox",{"tool":63,"command":64},"bunx","bunx skills add duc-duy-1612\u002FOnline-Delivery-Systems-Web --skill developer-sandbox",{"tool":66,"command":67},"pnpm","pnpm dlx skills add duc-duy-1612\u002FOnline-Delivery-Systems-Web --skill developer-sandbox","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fduc-duy-1612\u002FOnline-Delivery-Systems-Web\u002Fblob\u002Fmain\u002F.agents\u002Fskills_archive\u002Fdeveloper-sandbox\u002FSKILL.md",true,[71,77],{"path":72,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":75,"sourceHtmlUrl":76},"README.md","REFERENCE","参考文档",1720,"https:\u002F\u002Fgithub.com\u002Fduc-duy-1612\u002FOnline-Delivery-Systems-Web\u002Fblob\u002Fmain\u002F.agents\u002Fskills_archive\u002Fdeveloper-sandbox\u002FREADME.md",{"path":78,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":79,"sourceHtmlUrl":80},"references\u002Fdetailed-guide.md",14200,"https:\u002F\u002Fgithub.com\u002Fduc-duy-1612\u002FOnline-Delivery-Systems-Web\u002Fblob\u002Fmain\u002F.agents\u002Fskills_archive\u002Fdeveloper-sandbox\u002Freferences\u002Fdetailed-guide.md",[82,109,133,156,180,204],{"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":93,"publishedAt":43},"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",[88],{"categoryNo":89,"categoryName":90,"taxonomyType":91,"taxonomyTypeDesc":92},"01JBSEEDCAT000000000000011","运维与部署","SCENARIO","使用场景",[94,95,96,41,97,98,84,99,100,101,102,103,26,33,104,31,105,106,107,108],"ZeRO","trust","zero trust","assessment","verification","segmentation","devops-security","access","configure","only","active","scope","scripts","relevant","implementing",{"skillNo":110,"name":111,"nameZh":6,"description":112,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":113,"categories":114,"keywords":115,"publishedAt":43},"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",[],[116,117,118,119,120,121,122,123,124,125,126,127,128,103,129,26,130,131,31,132],"delegate","zcode","zcode delegate","review","cli","orchestration","tasks","run","Bash","model","node","read","orchestrator","files","desktop app","app","agent-orchestration",{"skillNo":134,"name":135,"nameZh":6,"description":136,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":137,"categories":138,"keywords":139,"publishedAt":43},"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",[],[140,141,142,143,42,144,145,39,146,147,148,149,150,26,33,151,152,153,154,155],"transcript","youtube transcript","youtube","safe","codex","research","https","text","fetch","tooling","clean","local","output","deepapi","youtube transcripts","blob",{"skillNo":157,"name":158,"nameZh":6,"description":159,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":160,"categories":161,"keywords":169,"publishedAt":43},"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",[162,165,168],{"categoryNo":163,"categoryName":164,"taxonomyType":91,"taxonomyTypeDesc":92},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":166,"categoryName":167,"taxonomyType":91,"taxonomyTypeDesc":92},"01JBSEEDCAT000000000000016","图像与多媒体",{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[140,141,142,170,143,171,42,144,39,172,173,174,175,148,176,26,33,177,178,179],"youtube transcript skills","gemini","search","api","Video","browse","api-integration","free","card","channels",{"skillNo":181,"name":182,"nameZh":6,"description":183,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":184,"categories":185,"keywords":190,"publishedAt":43},"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",[186,189],{"categoryNo":187,"categoryName":188,"taxonomyType":91,"taxonomyTypeDesc":92},"01JBSEEDCAT000000000000003","演示文稿",{"categoryNo":166,"categoryName":167,"taxonomyType":91,"taxonomyTypeDesc":92},[142,191,192,120,143,193,194,195,196,39,174,197,198,199,200,33,201,151,202,203],"youtube notetaker","notetaker","workflow","official","notes","code","markdown","slides","annotations","README","study","dair-academy","viewer",{"skillNo":205,"name":206,"nameZh":6,"description":207,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":208,"categories":209,"keywords":211,"publishedAt":43},"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",[210],{"categoryNo":163,"categoryName":164,"taxonomyType":91,"taxonomyTypeDesc":92},[212,142,213,214,143,171,172,215,216,173,174,175,148,217,176,26,33,177,218,154],"youtube full","full","google","server","dlp","credits","automatic"]