[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6EJRDFKGQWGDP8PR6PRJRKF":3,"skill-same:01M6EJRDFKGQWGDP8PR6PRJRKF":74},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":28,"publishedAt":40,"linkOnly":41,"markdownContent":42,"markdownBody":43,"frontMatter":44,"refName":45,"commitSha":46,"skillDirectory":47,"forksCount":48,"repositoryHtmlUrl":49,"repositoryHomepageUrl":50,"ownerHtmlUrl":51,"ownerBlogUrl":6,"ownerDescription":52,"updatedAt":53,"install":54,"resources":67},"01M6EJRDFKGQWGDP8PR6PRJRKF","ui-design-system",null,"The Design System, Theme, and UX rules for the Physical AI Hub.","ComeOnOliver\u002Fskillshub","ComeOnOliver","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F43215937?v=4","01M6E5JNFECJAAVFE0W7SMWWD2","Haoran Shu","01M6E5JNNDQS7AJZDYFQ8TPZCK",66,"MIT","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fabdulsamad94\u002Fui-design-system\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[29,30,31,32,33,34,35,36,37,38,39],"design","design system","ui","ui design system","system","ui design","ux","Rules","hub","physical","theme","2026-11-10 10:12:30",false,"---\nname: ui-design-system\ndescription: The Design System, Theme, and UX rules for the Physical AI Hub.\n---\n\n# UI Design System & Theme\n\n## Core Philosophy\n- **Aesthetic**: Premium, Modern, \"Physical AI\" (Dark, Sleek, Futuristic).\n- **Feel**: Smooth, Responsive, High-End.\n\n## Typography\n- **Font**: **Poppins** (Geometric Sans-Serif).\n- **Weights**: 400 (Regular), 500 (Medium), 600 (Semi-Bold), 700 (Bold).\n- **Usage**: Clean, legible, widely spaced.\n\n## Color Palette (Dark Mode - Primary)\n- **Background**: `linear-gradient(135deg, #1a1f28 0%, #161b23 50%, #0f1419 100%)`\n- **Primary Accent**: `#2d7d6c` (Teal\u002FGreenish) used in buttons and highlights.\n- **Text**: `#ededed` (Off-white for readability).\n- **Borders**: Subtle, often `rgba(255, 255, 255, 0.1)`.\n\n## Components\n- **Buttons**: Rounded corners, smooth hover transitions, subtle shadows.\n- **Cards**: Glassmorphism effect (blur + transparency), rounded corners (`12px` or `16px`).\n- **Inputs**: Rounded (`24px`), borderless or subtle border, focus rings.\n- **Dropdowns**: Floating, animated slide-in, shadow depth.\n\n## Animations\n- **Transitions**: `all 0.2s ease` or `cubic-bezier` for premium feel.\n- **Keyframes**: `fadeIn`, `slideIn`, `dropdownSlideIn`.\n\n## CSS Structure\n- **Global**: `app\u002Fglobals.css` (Tailwind + Variables).\n- **Docusaurus**: `textbook\u002Fsrc\u002Fcss\u002Fcustom.css` (Overrides).\n- **Modules**: `styles.module.css` for complex components (like Chatbot, Dropdown).\n","# UI Design System & Theme\n\n## Core Philosophy\n- **Aesthetic**: Premium, Modern, \"Physical AI\" (Dark, Sleek, Futuristic).\n- **Feel**: Smooth, Responsive, High-End.\n\n## Typography\n- **Font**: **Poppins** (Geometric Sans-Serif).\n- **Weights**: 400 (Regular), 500 (Medium), 600 (Semi-Bold), 700 (Bold).\n- **Usage**: Clean, legible, widely spaced.\n\n## Color Palette (Dark Mode - Primary)\n- **Background**: `linear-gradient(135deg, #1a1f28 0%, #161b23 50%, #0f1419 100%)`\n- **Primary Accent**: `#2d7d6c` (Teal\u002FGreenish) used in buttons and highlights.\n- **Text**: `#ededed` (Off-white for readability).\n- **Borders**: Subtle, often `rgba(255, 255, 255, 0.1)`.\n\n## Components\n- **Buttons**: Rounded corners, smooth hover transitions, subtle shadows.\n- **Cards**: Glassmorphism effect (blur + transparency), rounded corners (`12px` or `16px`).\n- **Inputs**: Rounded (`24px`), borderless or subtle border, focus rings.\n- **Dropdowns**: Floating, animated slide-in, shadow depth.\n\n## Animations\n- **Transitions**: `all 0.2s ease` or `cubic-bezier` for premium feel.\n- **Keyframes**: `fadeIn`, `slideIn`, `dropdownSlideIn`.\n\n## CSS Structure\n- **Global**: `app\u002Fglobals.css` (Tailwind + Variables).\n- **Docusaurus**: `textbook\u002Fsrc\u002Fcss\u002Fcustom.css` (Overrides).\n- **Modules**: `styles.module.css` for complex components (like Chatbot, Dropdown).\n",{"name":5,"description":7},"main","def8531e65114c0fca8fb8551c1871ee0eed705c","skills\u002Faiskillstore\u002Fmarketplace\u002Fabdulsamad94\u002Fui-design-system",24,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub","https:\u002F\u002Fskillshub.wtf","https:\u002F\u002Fgithub.com\u002FComeOnOliver","AI & Blockchain Engineer\r\n","2026-06-24 22:07:19",{"source":8,"skillName":5,"commands":55,"prompt":65,"zipAvailable":66},[56,59,62],{"tool":57,"command":58},"npx","npx skills add ComeOnOliver\u002Fskillshub --skill ui-design-system",{"tool":60,"command":61},"bunx","bunx skills add ComeOnOliver\u002Fskillshub --skill ui-design-system",{"tool":63,"command":64},"pnpm","pnpm dlx skills add ComeOnOliver\u002Fskillshub --skill ui-design-system","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fabdulsamad94\u002Fui-design-system\u002FSKILL.md",true,[68],{"path":69,"resourceType":70,"resourceTypeDesc":71,"sizeBytes":72,"sourceHtmlUrl":73},"skill-report.json","REFERENCE","参考文档",10191,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fabdulsamad94\u002Fui-design-system\u002Fskill-report.json",[75,87,97,106,112,119],{"skillNo":76,"name":77,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":78,"categories":79,"keywords":83,"publishedAt":40},"01M6FKJN13GMG4KY57J3QD8GY5","model-hierarchy-skill","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzscole\u002Fmodel-hierarchy-skill\u002Fmodel-hierarchy-skill\u002FSKILL.md",[80],{"categoryNo":81,"categoryName":82,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",[84,85,86],"model","model hierarchy","model hierarchy skill",{"skillNo":88,"name":89,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":90,"categories":91,"keywords":93,"publishedAt":40},"01M6FKJJJ6GCAMR4PPPRD12M5X","zoom-mcp","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-mcp\u002FSKILL.md",[92],{"categoryNo":81,"categoryName":82,"taxonomyType":21,"taxonomyTypeDesc":22},[94,95,96],"MCP","zoom","zoom mcp",{"skillNo":98,"name":99,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":100,"categories":101,"keywords":102,"publishedAt":40},"01M6FKJE3KYT3KPEZMEEHYKA6K","zoom-apps-sdk","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-apps-sdk\u002FSKILL.md",[],[103,104,105,95],"sdk","zoom apps sdk","apps",{"skillNo":107,"name":108,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":109,"categories":110,"keywords":111,"publishedAt":40},"01M6FKJ9EDH9Q5VWDF8HAJRSP0","windows","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwindows\u002FSKILL.md",[],[108],{"skillNo":113,"name":114,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":115,"categories":116,"keywords":118,"publishedAt":40},"01M6FKJ666BEEFC3AE9GJ72Q93","whiteboard","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwhiteboard\u002FSKILL.md",[117],{"categoryNo":81,"categoryName":82,"taxonomyType":21,"taxonomyTypeDesc":22},[114],{"skillNo":120,"name":121,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":122,"categories":123,"keywords":124,"publishedAt":40},"01M6FKJ21WFCDGTJQ2Q91T9DVW","websockets","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwebsockets\u002FSKILL.md",[],[121]]