[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6HAXGHX35N97DV3XRNDAMHY":3,"skill-same:01M6HAXGHX35N97DV3XRNDAMHY":63},{"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":34,"linkOnly":35,"markdownContent":36,"markdownBody":37,"frontMatter":38,"refName":41,"commitSha":42,"skillDirectory":43,"forksCount":14,"repositoryHtmlUrl":44,"repositoryHomepageUrl":6,"ownerHtmlUrl":45,"ownerBlogUrl":46,"ownerDescription":47,"updatedAt":48,"install":49,"resources":62},"01M6HAXGHX35N97DV3XRNDAMHY","ui",null,"User interface design and implementation","NeuralBlitz\u002FMito","NeuralBlitz","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F79354388?v=4","01M6H8T2TFH477HRS0KTSTKR2E","David Riggs","01M6H8T2YQQDXPYM092P670Z21",0,"MIT","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fui\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[5,29,30,31,32,33],"design","user","implementation","interface design","interface","2026-11-10 10:12:30",false,"---\nname: ui\ndescription: User interface design and implementation\nlicense: MIT\nmetadata:\n  audience: developers\n  category: design\n---\n\n## What I do\n- Design visual interfaces for applications\n- Create component hierarchies and layouts\n- Implement responsive designs\n- Apply design systems and patterns\n- Handle typography, color, and spacing\n- Build interactive UI components\n\n## When to use me\nWhen building user-facing interfaces for web, mobile, or desktop applications.\n\n## Key Concepts\n\n### Layout Techniques\n```css\n\u002F* Flexbox *\u002F\ndisplay: flex;\njustify-content: space-between;\nalign-items: center;\n\n\u002F* Grid *\u002F\ndisplay: grid;\ngrid-template-columns: repeat(3, 1fr);\ngap: 1rem;\n```\n\n### Component Patterns\n- Atomic design (atoms, molecules, organisms)\n- Container\u002Fpresenter pattern\n- Higher-order components\n- Compound components\n\n### Responsive Design\n```css\n\u002F* Mobile-first approach *\u002F\n.container {\n  padding: 1rem;\n}\n\n@media (min-width: 768px) {\n  .container {\n    padding: 2rem;\n  }\n}\n\n@media (min-width: 1024px) {\n  .container {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n}\n```\n\n### Design Systems\n- Define typography scale\n- Establish color palettes\n- Create spacing tokens\n- Build component library\n- Document usage guidelines\n","## What I do\n- Design visual interfaces for applications\n- Create component hierarchies and layouts\n- Implement responsive designs\n- Apply design systems and patterns\n- Handle typography, color, and spacing\n- Build interactive UI components\n\n## When to use me\nWhen building user-facing interfaces for web, mobile, or desktop applications.\n\n## Key Concepts\n\n### Layout Techniques\n```css\n\u002F* Flexbox *\u002F\ndisplay: flex;\njustify-content: space-between;\nalign-items: center;\n\n\u002F* Grid *\u002F\ndisplay: grid;\ngrid-template-columns: repeat(3, 1fr);\ngap: 1rem;\n```\n\n### Component Patterns\n- Atomic design (atoms, molecules, organisms)\n- Container\u002Fpresenter pattern\n- Higher-order components\n- Compound components\n\n### Responsive Design\n```css\n\u002F* Mobile-first approach *\u002F\n.container {\n  padding: 1rem;\n}\n\n@media (min-width: 768px) {\n  .container {\n    padding: 2rem;\n  }\n}\n\n@media (min-width: 1024px) {\n  .container {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n}\n```\n\n### Design Systems\n- Define typography scale\n- Establish color palettes\n- Create spacing tokens\n- Build component library\n- Document usage guidelines\n",{"name":5,"license":15,"metadata":39,"description":7},{"audience":40,"category":29},"developers","main","2ea764e153842704d24a2e9aa4170441a7f03081",".opencode\u002Fskills\u002Fui","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito","https:\u002F\u002Fgithub.com\u002FNeuralBlitz","nuralnexus.org","Independent Multidisciplinary Researcher, Creative Producer, and AI Systems Architect\r\nAn independent creator and research-driven systems designer.","2026-11-12 03:13:05",{"source":8,"skillName":5,"commands":50,"prompt":60,"zipAvailable":61},[51,54,57],{"tool":52,"command":53},"npx","npx skills add NeuralBlitz\u002FMito --skill ui",{"tool":55,"command":56},"bunx","bunx skills add NeuralBlitz\u002FMito --skill ui",{"tool":58,"command":59},"pnpm","pnpm dlx skills add NeuralBlitz\u002FMito --skill ui","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fui\u002FSKILL.md",true,[],[64,81,93,106,114,130],{"skillNo":65,"name":66,"nameZh":6,"description":67,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":68,"categories":69,"keywords":70,"publishedAt":34},"01M6HAZSAQK1S27CEZYAYJTQDX","wireless-communications","Wireless systems, mobile networks, and 5G\u002F6G","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fwireless-communications\u002FSKILL.md",[],[71,72,73,74,75,76,77,78,79,80],"communications","wireless communications","wireless","systems","engineering","networks","5G","students","opencode","mobile",{"skillNo":82,"name":83,"nameZh":6,"description":84,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":85,"categories":86,"keywords":87,"publishedAt":34},"01M6HAZFX6E8NK3WZWDX5YCKYY","websockets","WebSocket implementation and best practices","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fwebassembly\u002Fwebsockets\u002FSKILL.md",[],[83,88,89,31,79,90,91,92],"websocket implementation","time","real-time","websocket","best practices",{"skillNo":94,"name":95,"nameZh":6,"description":96,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":97,"categories":98,"keywords":99,"publishedAt":34},"01M6HAZ6DAXBQ7QHXXM1EM7715","vulnerability-auditing","Vulnerability assessment and auditing","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fvulnerability-auditing\u002FSKILL.md",[],[100,101,102,103,79,104,105],"vulnerability","vulnerability auditing","security","vulnerability assessment","cybersecurity","assessment",{"skillNo":107,"name":108,"nameZh":6,"description":109,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":110,"categories":111,"keywords":112,"publishedAt":34},"01M6HAZ3FKF3CS9Z3J96RVE2ZE","vulnerability-assessment","Finding and assessing security vulnerabilities","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fvue\u002Fvulnerability-assessment\u002FSKILL.md",[],[103,100,105,102,113,79],"vulnerabilities",{"skillNo":115,"name":116,"nameZh":6,"description":117,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":118,"categories":119,"keywords":122,"publishedAt":34},"01M6HAYSHM6HKRKEHFP0SGZQX7","vlsi-design","Very-Large-Scale Integration circuit design and semiconductor engineering","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fvlsi-design\u002FSKILL.md",[120,121],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},[123,124,29,125,126,75,127,79,128,78,129],"vlsi design","VLSI","hardware","integration","computer","scale","circuit",{"skillNo":131,"name":132,"nameZh":6,"description":133,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":134,"categories":135,"keywords":136,"publishedAt":34},"01M6HAYPQ30FFE2JXD7WQJ8R6C","unsupervised","Unsupervised learning concepts","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fvisualization\u002Funsupervised\u002FSKILL.md",[],[132,137,79,138,139,140,141,142],"learning","intelligence","unsupervised learning","machine","concepts","machine-learning"]