[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6D9ZV5TNXMKVY9GVT9RGJTH":3,"skill-same:01M6D9ZV5TNXMKVY9GVT9RGJTH":72},{"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":44,"linkOnly":45,"markdownContent":46,"markdownBody":47,"frontMatter":48,"refName":49,"commitSha":50,"skillDirectory":51,"forksCount":52,"repositoryHtmlUrl":53,"repositoryHomepageUrl":6,"ownerHtmlUrl":54,"ownerBlogUrl":55,"ownerDescription":56,"updatedAt":57,"install":58,"resources":71},"01M6D9ZV5TNXMKVY9GVT9RGJTH","web-slicing",null,"Convert screenshot\u002FFigma designs into pixel-perfect frontend UI with reusable components. Use when the task focuses on visual and layout implementation.","irosadie\u002Fvibecoding-starter","irosadie","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F25891018?v=4","01M6D9VT1T5RGGX753ARTN5J8N","Imron Rosadi","01M6D9VT6HENHT7C9ASN5QE5YT",1,"MIT","https:\u002F\u002Fgithub.com\u002Firosadie\u002Fvibecoding-starter\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fweb-slicing\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[29,30,31,32,33,34,35,36,37,38,39,40,41,42,43],"web","web slicing","frontend","components","figma","screenshot","ui","convert","use","implementation","reusable","task","pixel","visual","layout","2026-11-10 10:12:30",false,"---\nname: \"web-slicing\"\ndescription: \"Convert screenshot\u002FFigma designs into pixel-perfect frontend UI with reusable components. Use when the task focuses on visual and layout implementation.\"\n---\n\nSource of truth lives at `.agents\u002Fskills\u002Fweb-slicing\u002FSKILL.md`.\n\nWhen this skill is used:\n1. Read `.agents\u002Fskills\u002Fweb-slicing\u002FSKILL.md`.\n2. Follow the workflow and rules defined in that file.\n3. Read the referenced sub-files (`references\u002Fcontext.md`, `templates\u002Fchecklist.md`) from the source-of-truth folder.\n","Source of truth lives at `.agents\u002Fskills\u002Fweb-slicing\u002FSKILL.md`.\n\nWhen this skill is used:\n1. Read `.agents\u002Fskills\u002Fweb-slicing\u002FSKILL.md`.\n2. Follow the workflow and rules defined in that file.\n3. Read the referenced sub-files (`references\u002Fcontext.md`, `templates\u002Fchecklist.md`) from the source-of-truth folder.\n",{"name":5,"description":7},"main","916c70a2d28dc0d7f254eb0f8c139b53689399f1",".claude\u002Fskills\u002Fweb-slicing",0,"https:\u002F\u002Fgithub.com\u002Firosadie\u002Fvibecoding-starter","https:\u002F\u002Fgithub.com\u002Firosadie","http:\u002F\u002Fimronrosadi.com","The Hatless Engineer 👨‍💻","2026-08-18 16:55:34",{"source":8,"skillName":5,"commands":59,"prompt":69,"zipAvailable":70},[60,63,66],{"tool":61,"command":62},"npx","npx skills add irosadie\u002Fvibecoding-starter --skill web-slicing",{"tool":64,"command":65},"bunx","bunx skills add irosadie\u002Fvibecoding-starter --skill web-slicing",{"tool":67,"command":68},"pnpm","pnpm dlx skills add irosadie\u002Fvibecoding-starter --skill web-slicing","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Firosadie\u002Fvibecoding-starter\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fweb-slicing\u002FSKILL.md",true,[],[73,102,125,141,164,186],{"skillNo":74,"name":75,"nameZh":6,"description":76,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":77,"categories":78,"keywords":85,"publishedAt":44},"01M6D9ZQYHQ1PAYT33M4YXSCRN","web-seo-geo-friendly","Optimize public Next.js App Router pages for SEO and GEO (Generative Engine Optimization). Use when the user explicitly requests SEO\u002FGEO optimization on public pages.","https:\u002F\u002Fgithub.com\u002Firosadie\u002Fvibecoding-starter\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fweb-seo-geo-friendly\u002FSKILL.md",[79,82],{"categoryNo":80,"categoryName":81,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000019","营销推广",{"categoryNo":83,"categoryName":84,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000035","市场营销",[29,86,87,88,89,90,91,92,93,94,95,37,96,97,98,99,100,101],"seo","seo geo","geo","web seo geo friendly","Optimization","Next.js","js","engine","public","user","router","geo optimization","optimize","next","pages","app",{"skillNo":103,"name":104,"nameZh":6,"description":105,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":106,"categories":107,"keywords":115,"publishedAt":44},"01M6D9ZNF4TQXY90M865XHN2PJ","web-code-review","Review frontend code with a firm senior-lead standard, focusing on bugs, regressions, architecture risks, and test gaps in apps\u002Fweb and the shared contracts the frontend depends on.","https:\u002F\u002Fgithub.com\u002Firosadie\u002Fvibecoding-starter\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fweb-code-review\u002FSKILL.md",[108,111,112],{"categoryNo":109,"categoryName":110,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000007","代码审查",{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":113,"categoryName":114,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000030","开发工程师",[116,117,118,29,119,31,120,121,122,123,124],"code review","web code review","code","review","test","architecture","contracts","shared","firm",{"skillNo":126,"name":127,"nameZh":6,"description":128,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":129,"categories":130,"keywords":132,"publishedAt":44},"01M6D9ZJRFAKFT0VTK32W47PZ1","web-bugfix","Fix frontend bugs with minimum-touch changes, keep other surfaces stable, and sync schema, types, hooks, constants, tests, and related docs when impacted.","https:\u002F\u002Fgithub.com\u002Firosadie\u002Fvibecoding-starter\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fweb-bugfix\u002FSKILL.md",[131],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},[133,29,134,135,136,137,138,139,31,140],"web bugfix","hooks","tests","surfaces","docs","fix","sync","schema",{"skillNo":142,"name":143,"nameZh":6,"description":144,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":145,"categories":146,"keywords":152,"publishedAt":44},"01M6D9ZFYC0ZCPR7Y2X2KQHSWH","web-api-integrated","Integrate API endpoints into the frontend with Zod schemas, response types, constants, and react-query hooks. Use when implementing endpoints from an API contract, Postman, or Swagger.","https:\u002F\u002Fgithub.com\u002Firosadie\u002Fvibecoding-starter\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fweb-api-integrated\u002FSKILL.md",[147,148,151],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":149,"categoryName":150,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":113,"categoryName":114,"taxonomyType":26,"taxonomyTypeDesc":27},[153,29,154,155,156,157,158,159,134,160,37,161,162,163,31],"api","web api integrated","endpoints","contract","swagger","query","api contract","integrate","zod","postman","react",{"skillNo":165,"name":166,"nameZh":6,"description":167,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":168,"categories":169,"keywords":173,"publishedAt":44},"01M6D9ZCVH83YJSG1818BT7BYC","skill-creator","Create a new skill from scratch with full structure — SKILL.md, references, templates, openai.yaml, Claude wrapper, and registration in manifest + AGENTS.md + CLAUDE.md.","https:\u002F\u002Fgithub.com\u002Firosadie\u002Fvibecoding-starter\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fskill-creator\u002FSKILL.md",[170],{"categoryNo":171,"categoryName":172,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",[174,175,176,177,178,179,180,181,182,183,184,185],"skill creator","openai","structure","new skill","registration","references","Wrapper","manifest","templates","yaml","full","create",{"skillNo":187,"name":188,"nameZh":6,"description":189,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":190,"categories":191,"keywords":193,"publishedAt":44},"01M6D9ZAPMBVJ5KS264BEDJZQQ","skill-add-example","Add real code examples to .agents\u002Fexamples\u002F so other skills can reference them. Use when a new pattern needs to be standardized as a template or agent reference.","https:\u002F\u002Fgithub.com\u002Firosadie\u002Fvibecoding-starter\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fskill-add-example\u002FSKILL.md",[192],{"categoryNo":171,"categoryName":172,"taxonomyType":21,"taxonomyTypeDesc":22},[194,195,196,197,198,37,199,200,118],"skill add example","example","as","pattern","reference","template","examples"]