[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6H9DBFRAMXTEBM599AFQ8CD":3,"skill-same:01M6H9DBFRAMXTEBM599AFQ8CD":62},{"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":23,"publishedAt":33,"linkOnly":34,"markdownContent":35,"markdownBody":36,"frontMatter":37,"refName":40,"commitSha":41,"skillDirectory":42,"forksCount":14,"repositoryHtmlUrl":43,"repositoryHomepageUrl":6,"ownerHtmlUrl":44,"ownerBlogUrl":45,"ownerDescription":46,"updatedAt":47,"install":48,"resources":61},"01M6H9DBFRAMXTEBM599AFQ8CD","css",null,"CSS styling for web pages including selectors, flexbox, grid, and animations","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\u002Fcss\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",[5,24,25,26,27,28,29,30,31,32],"web","development","css styling","opencode","styling","web-development","pages","grid","for","2026-11-10 10:12:30",false,"---\nname: css\ndescription: CSS styling for web pages including selectors, flexbox, grid, and animations\nlicense: MIT\ncompatibility: opencode\nmetadata:\n  audience: developers\n  category: web-development\n---\n## What I do\n- Style web pages with CSS\n- Use flexbox and grid layouts\n- Create responsive designs\n- Implement animations and transitions\n- Use CSS custom properties (variables)\n- Handle pseudo-classes and pseudo-elements\n- Optimize CSS for performance\n\n## When to use me\nWhen styling web pages or building UI components.\n\n## Selectors\n```css\n\u002F* Basic *\u002F\np { color: blue; }\n.class { font-size: 16px; }\n#id { margin: 0; }\n\n\u002F* Combinators *\u002F\ndiv p { }     \u002F* descendant *\u002F\ndiv > p { }   \u002F* child *\u002F\np + p { }     \u002F* adjacent sibling *\u002F\np ~ p { }     \u002F* general sibling *\u002F\n\n\u002F* Pseudo-classes *\u002F\n:hover :focus :active :visited\n:first-child :last-child :nth-child(2n)\n:not(.active) :checked :disabled\n\n\u002F* Pseudo-elements *\u002F\n::before ::after ::first-letter ::first-line ::selection\n```\n\n## Flexbox\n```css\n.container {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n}\n\n.item {\n  flex: 1 1 auto;\n  order: 1;\n  align-self: center;\n}\n```\n\n## Grid\n```css\n.container {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: auto;\n  gap: 1rem;\n}\n\n.item {\n  grid-column: 1 \u002F 3;\n  grid-row: 1 \u002F 2;\n}\n```\n\n## Variables\n```css\n:root {\n  --primary: #007bff;\n  --spacing: 1rem;\n}\n\n.button {\n  background: var(--primary);\n  padding: var(--spacing);\n}\n```\n\n## Animations\n```css\n@keyframes slideIn {\n  from { transform: translateX(-100%); }\n  to { transform: translateX(0); }\n}\n\n.element {\n  animation: slideIn 0.3s ease-in-out;\n  transition: all 0.2s ease;\n}\n```\n","## What I do\n- Style web pages with CSS\n- Use flexbox and grid layouts\n- Create responsive designs\n- Implement animations and transitions\n- Use CSS custom properties (variables)\n- Handle pseudo-classes and pseudo-elements\n- Optimize CSS for performance\n\n## When to use me\nWhen styling web pages or building UI components.\n\n## Selectors\n```css\n\u002F* Basic *\u002F\np { color: blue; }\n.class { font-size: 16px; }\n#id { margin: 0; }\n\n\u002F* Combinators *\u002F\ndiv p { }     \u002F* descendant *\u002F\ndiv > p { }   \u002F* child *\u002F\np + p { }     \u002F* adjacent sibling *\u002F\np ~ p { }     \u002F* general sibling *\u002F\n\n\u002F* Pseudo-classes *\u002F\n:hover :focus :active :visited\n:first-child :last-child :nth-child(2n)\n:not(.active) :checked :disabled\n\n\u002F* Pseudo-elements *\u002F\n::before ::after ::first-letter ::first-line ::selection\n```\n\n## Flexbox\n```css\n.container {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n}\n\n.item {\n  flex: 1 1 auto;\n  order: 1;\n  align-self: center;\n}\n```\n\n## Grid\n```css\n.container {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: auto;\n  gap: 1rem;\n}\n\n.item {\n  grid-column: 1 \u002F 3;\n  grid-row: 1 \u002F 2;\n}\n```\n\n## Variables\n```css\n:root {\n  --primary: #007bff;\n  --spacing: 1rem;\n}\n\n.button {\n  background: var(--primary);\n  padding: var(--spacing);\n}\n```\n\n## Animations\n```css\n@keyframes slideIn {\n  from { transform: translateX(-100%); }\n  to { transform: translateX(0); }\n}\n\n.element {\n  animation: slideIn 0.3s ease-in-out;\n  transition: all 0.2s ease;\n}\n```\n",{"name":5,"license":15,"metadata":38,"description":7,"compatibility":27},{"audience":39,"category":29},"developers","main","2ea764e153842704d24a2e9aa4170441a7f03081",".opencode\u002Fskills\u002Fcss","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito","https:\u002F\u002Fgithub.com\u002FNeuralBlitz","nuralnexus.org","Theoretical and Futuristic AI Nerd 🤓 ","2026-11-12 03:13:05",{"source":8,"skillName":5,"commands":49,"prompt":59,"zipAvailable":60},[50,53,56],{"tool":51,"command":52},"npx","npx skills add NeuralBlitz\u002FMito --skill css",{"tool":54,"command":55},"bunx","bunx skills add NeuralBlitz\u002FMito --skill css",{"tool":57,"command":58},"pnpm","pnpm dlx skills add NeuralBlitz\u002FMito --skill css","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fcss\u002FSKILL.md",true,[],[63,79,92,105,113,136],{"skillNo":64,"name":65,"nameZh":6,"description":66,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":67,"categories":68,"keywords":69,"publishedAt":33},"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",[],[70,71,72,73,74,75,76,77,27,78],"communications","wireless communications","wireless","systems","engineering","networks","5G","students","mobile",{"skillNo":80,"name":81,"nameZh":6,"description":82,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":83,"categories":84,"keywords":85,"publishedAt":33},"01M6HAZFX6E8NK3WZWDX5YCKYY","websockets","WebSocket implementation and best practices","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fwebassembly\u002Fwebsockets\u002FSKILL.md",[],[81,86,87,88,27,89,90,91],"websocket implementation","time","implementation","real-time","websocket","best practices",{"skillNo":93,"name":94,"nameZh":6,"description":95,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":96,"categories":97,"keywords":98,"publishedAt":33},"01M6HAZ6DAXBQ7QHXXM1EM7715","vulnerability-auditing","Vulnerability assessment and auditing","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fvulnerability-auditing\u002FSKILL.md",[],[99,100,101,102,27,103,104],"vulnerability","vulnerability auditing","security","vulnerability assessment","cybersecurity","assessment",{"skillNo":106,"name":107,"nameZh":6,"description":108,"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":33},"01M6HAZ3FKF3CS9Z3J96RVE2ZE","vulnerability-assessment","Finding and assessing security vulnerabilities","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fvue\u002Fvulnerability-assessment\u002FSKILL.md",[],[102,99,104,101,112,27],"vulnerabilities",{"skillNo":114,"name":115,"nameZh":6,"description":116,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":117,"categories":118,"keywords":127,"publishedAt":33},"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",[119,122],{"categoryNo":120,"categoryName":121,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":123,"categoryName":124,"taxonomyType":125,"taxonomyTypeDesc":126},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[128,129,130,131,132,74,133,27,134,77,135],"vlsi design","VLSI","design","hardware","integration","computer","scale","circuit",{"skillNo":137,"name":138,"nameZh":6,"description":139,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":140,"categories":141,"keywords":142,"publishedAt":33},"01M6HAYPQ30FFE2JXD7WQJ8R6C","unsupervised","Unsupervised learning concepts","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fvisualization\u002Funsupervised\u002FSKILL.md",[],[138,143,27,144,145,146,147,148],"learning","intelligence","unsupervised learning","machine","concepts","machine-learning"]