[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6P1CK9PHDXV3R0VQDMKAPYX":3,"skill-same:01M6P1CK9PHDXV3R0VQDMKAPYX":85},{"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":65,"commitSha":66,"skillDirectory":67,"forksCount":13,"repositoryHtmlUrl":68,"repositoryHomepageUrl":6,"ownerHtmlUrl":69,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":70,"install":71,"resources":84},"01M6P1CK9PHDXV3R0VQDMKAPYX","deterministic-design",null,"Render the UI and prove it's balanced + usable: a deterministic layout audit (centroid \u002F optical-center \u002F pixel-oracle balance via explicit math + annotated screenshot) plus a vision-judged Nielsen usability audit by a separate fresh-eyes judge. The measurement layer taste-only design skills lack.","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\u002Fdeterministic-design\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],"deterministic design","deterministic","design","pixel","prove","ward","balance","measurement","codex-cli","render","fresh","community","only","usability","verification","code","codex","antigravity","oracle","gemini","2026-11-10 10:12:30",false,"---\nname: deterministic-design\ndescription: \"Render the UI and prove it's balanced + usable: a deterministic layout audit (centroid \u002F optical-center \u002F pixel-oracle balance via explicit math + annotated screenshot) plus a vision-judged Nielsen usability audit by a separate fresh-eyes judge. The measurement layer taste-only design skills lack.\"\nrisk: safe\nsource: community\nsource_type: community\nsource_repo: connerkward\u002Fdeterministic-design-skill\ndate_added: \"2026-06-16\"\nauthor: Conner K Ward\nlicense: MIT\ntags:\n  - design\n  - layout\n  - usability\n  - audit\n  - verification\n  - vision\ntools:\n  - claude-code\n  - antigravity\n  - cursor\n  - gemini-cli\n  - codex-cli\n---\n## When to Use\n\nUse to catch AI-generated UI that \"looks off\", is misaligned or centered-mush, or fails usability — when you need to PROVE a layout is balanced and usable instead of trusting the model's eye. Compose it with any taste\u002Ftoken design skill before reporting design \"done\".\n\n_Source: [connerkward\u002Fdeterministic-design-skill](https:\u002F\u002Fgithub.com\u002Fconnerkward\u002Fdeterministic-design-skill) (MIT)._\n\n# deterministic-design\n\nThesis: **determinism beats AI randomness.** A model can't trust its own eye on layout — so\ndon't. Render the UI and *measure* it.\n\nTwo sub-skills (load as needed):\n- **[design-spatial](https:\u002F\u002Fgithub.com\u002Fconnerkward\u002Fdeterministic-design-skill\u002Fblob\u002Fmain\u002Fdesign-spatial\u002FSKILL.md)** — deterministic layout audit: explicit grid\n  + 8-pt spacing, and `layout-audit.js` computes centroid \u002F optical-center \u002F pixel-oracle\n  balance and draws an annotated screenshot. **Numbers, not vibes.** Plus a render-then-\n  critique vision loop.\n- **[design-ux](https:\u002F\u002Fgithub.com\u002Fconnerkward\u002Fdeterministic-design-skill\u002Fblob\u002Fmain\u002Fdesign-ux\u002FSKILL.md)** — usability audit: scores the rendered UI against\n  Nielsen's 10 + interaction heuristics via a SEPARATE fresh-eyes judge → prioritized fix list.\n\nThis **improves** existing design skills (including the default Anthropic one) by adding the\nlayer they lack — it doesn't just advise on taste, it renders, measures, and judges the\noutput. Composable with any design skill.\n\nIn central this lives as a subdir of ckw-design; it **publishes separately** as\n`deterministic-design-skill` (its own distribution) via publish-skill. One of the two\nflagship narratives — the *determinism* one; its sibling is human-in-the-loop (lookdev).\n\n## Example\n\n**User request:**\n\n> Review this interface with @deterministic-design, identify the highest-impact design problems, and propose an implementation-ready improvement.\n\n## Limitations\n\n- Layout metrics and vision-judged audits catch many spatial and usability failures, but they are not a substitute for product judgment or user testing.\n- The workflow requires a rendered UI or screenshot; it cannot validate components that have not been built or captured.\n- Automated scoring can miss brand nuance, copy tone, accessibility needs, and domain-specific user expectations.\n","## When to Use\n\nUse to catch AI-generated UI that \"looks off\", is misaligned or centered-mush, or fails usability — when you need to PROVE a layout is balanced and usable instead of trusting the model's eye. Compose it with any taste\u002Ftoken design skill before reporting design \"done\".\n\n_Source: [connerkward\u002Fdeterministic-design-skill](https:\u002F\u002Fgithub.com\u002Fconnerkward\u002Fdeterministic-design-skill) (MIT)._\n\n# deterministic-design\n\nThesis: **determinism beats AI randomness.** A model can't trust its own eye on layout — so\ndon't. Render the UI and *measure* it.\n\nTwo sub-skills (load as needed):\n- **[design-spatial](https:\u002F\u002Fgithub.com\u002Fconnerkward\u002Fdeterministic-design-skill\u002Fblob\u002Fmain\u002Fdesign-spatial\u002FSKILL.md)** — deterministic layout audit: explicit grid\n  + 8-pt spacing, and `layout-audit.js` computes centroid \u002F optical-center \u002F pixel-oracle\n  balance and draws an annotated screenshot. **Numbers, not vibes.** Plus a render-then-\n  critique vision loop.\n- **[design-ux](https:\u002F\u002Fgithub.com\u002Fconnerkward\u002Fdeterministic-design-skill\u002Fblob\u002Fmain\u002Fdesign-ux\u002FSKILL.md)** — usability audit: scores the rendered UI against\n  Nielsen's 10 + interaction heuristics via a SEPARATE fresh-eyes judge → prioritized fix list.\n\nThis **improves** existing design skills (including the default Anthropic one) by adding the\nlayer they lack — it doesn't just advise on taste, it renders, measures, and judges the\noutput. Composable with any design skill.\n\nIn central this lives as a subdir of ckw-design; it **publishes separately** as\n`deterministic-design-skill` (its own distribution) via publish-skill. One of the two\nflagship narratives — the *determinism* one; its sibling is human-in-the-loop (lookdev).\n\n## Example\n\n**User request:**\n\n> Review this interface with @deterministic-design, identify the highest-impact design problems, and propose an implementation-ready improvement.\n\n## Limitations\n\n- Layout metrics and vision-judged audits catch many spatial and usability failures, but they are not a substitute for product judgment or user testing.\n- The workflow requires a rendered UI or screenshot; it cannot validate components that have not been built or captured.\n- Automated scoring can miss brand nuance, copy tone, accessibility needs, and domain-specific user expectations.\n",{"name":5,"risk":53,"tags":54,"tools":58,"author":62,"source":39,"license":14,"date_added":63,"description":7,"source_repo":64,"source_type":39},"safe",[30,55,41,56,42,57],"layout","audit","vision",[59,45,60,61,36],"claude-code","cursor","gemini-cli","Conner K Ward","2026-06-16","connerkward\u002Fdeterministic-design-skill","main","f3312ba749561b6159f477dbfc9313c875d40a56",".agents\u002Fskills_archive\u002Fdeterministic-design","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":72,"prompt":82,"zipAvailable":83},[73,76,79],{"tool":74,"command":75},"npx","npx skills add duc-duy-1612\u002FOnline-Delivery-Systems-Web --skill deterministic-design",{"tool":77,"command":78},"bunx","bunx skills add duc-duy-1612\u002FOnline-Delivery-Systems-Web --skill deterministic-design",{"tool":80,"command":81},"pnpm","pnpm dlx skills add duc-duy-1612\u002FOnline-Delivery-Systems-Web --skill deterministic-design","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fduc-duy-1612\u002FOnline-Delivery-Systems-Web\u002Fblob\u002Fmain\u002F.agents\u002Fskills_archive\u002Fdeterministic-design\u002FSKILL.md",true,[],[86,111,135,158,183,206],{"skillNo":87,"name":88,"nameZh":6,"description":89,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":90,"categories":91,"keywords":95,"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",[92],{"categoryNo":93,"categoryName":94,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000011","运维与部署",[96,97,98,99,100,42,88,101,102,103,104,40,39,65,105,106,107,108,109,110],"ZeRO","trust","zero trust","architecture","assessment","segmentation","devops-security","access","configure","active","critical","scope","scripts","relevant","implementing",{"skillNo":112,"name":113,"nameZh":6,"description":114,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":115,"categories":116,"keywords":117,"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",[],[118,119,120,121,122,123,124,125,126,127,128,129,130,40,131,39,132,133,106,134],"delegate","zcode","zcode delegate","review","cli","orchestration","tasks","run","Bash","model","node","read","orchestrator","files","desktop app","app","agent-orchestration",{"skillNo":136,"name":137,"nameZh":6,"description":138,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":139,"categories":140,"keywords":141,"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",[],[142,143,144,53,145,44,146,147,148,149,150,151,152,39,65,153,154,155,156,157],"transcript","youtube transcript","youtube","github","research","license","https","text","fetch","tooling","clean","local","output","deepapi","youtube transcripts","blob",{"skillNo":159,"name":160,"nameZh":6,"description":161,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":162,"categories":163,"keywords":173,"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",[164,167,170],{"categoryNo":165,"categoryName":166,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":168,"categoryName":169,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体",{"categoryNo":171,"categoryName":172,"taxonomyType":25,"taxonomyTypeDesc":26},"01JBSEEDCAT000000000000030","开发工程师",[142,143,144,174,53,47,145,44,147,175,176,177,178,150,179,39,65,180,181,182],"youtube transcript skills","search","api","Video","browse","api-integration","free","card","channels",{"skillNo":184,"name":185,"nameZh":6,"description":186,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":187,"categories":188,"keywords":193,"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",[189,192],{"categoryNo":190,"categoryName":191,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000003","演示文稿",{"categoryNo":168,"categoryName":169,"taxonomyType":20,"taxonomyTypeDesc":21},[144,194,195,122,53,196,197,198,43,147,177,199,200,201,202,65,203,153,204,205],"youtube notetaker","notetaker","workflow","official","notes","markdown","slides","annotations","README","study","dair-academy","viewer",{"skillNo":207,"name":208,"nameZh":6,"description":209,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":210,"categories":211,"keywords":213,"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",[212],{"categoryNo":165,"categoryName":166,"taxonomyType":20,"taxonomyTypeDesc":21},[214,144,215,216,53,47,175,217,218,176,177,178,150,219,179,39,65,180,220,156],"youtube full","full","google","server","dlp","credits","automatic"]