[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6D9XC28SAB898P4PVJME9EX":3,"skill-same:01M6D9XC28SAB898P4PVJME9EX":75},{"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":38,"commitSha":39,"skillDirectory":40,"forksCount":41,"repositoryHtmlUrl":42,"repositoryHomepageUrl":6,"ownerHtmlUrl":43,"ownerBlogUrl":44,"ownerDescription":45,"updatedAt":46,"install":47,"resources":60},"01M6D9XC28SAB898P4PVJME9EX","skill-add-example",null,"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.","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.agents\u002Fskills\u002Fskill-add-example\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[24,25,26,27,28,29,30,31,32],"example","skill add example","code","examples","template","use","reference","pattern","as","2026-11-10 10:12:30",false,"---\nname: skill-add-example\ndescription: 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.\n---\n\n# Skill: Skill Add Example\n\n## Context (Required)\n- Scope folder + conventions: `references\u002Fcontext.md`\n- Execution checklist: `templates\u002Fchecklist.md`\n\nAdd proven, real code examples to `.agents\u002Fexamples\u002F` so the agent can reference them when executing skills.\n\n## Workflow\n\n### 1. Determine Scope & Target Skill\n- Identify the skill that will use this example (e.g. `web-slicing`, `web-api-integrated`)\n- Pick a descriptive subfolder name (kebab-case): e.g. `use-products`\n\n### 2. Choose Example Location\n\n```\n.agents\u002Fexamples\u002F\n└── {skill-name}\u002F           → folder per skill\n    └── {subfolder}\u002F        → specific context (framework, domain, etc.)\n        └── {example-name}\u002F → example name (kebab-case, descriptive)\n            ├── {file}.ts   → real code file\n            └── {file}.tsx  → real code file\n```\n\nExisting locations:\n- `.agents\u002Fexamples\u002Fweb-slicing\u002Fnextjs-app-router\u002Fexamples\u002F` — basic CRUD\n- `.agents\u002Fexamples\u002Fweb-api-integrated\u002Fhooks\u002Fuse-examples\u002F` — CRUD hooks\n\n### 3. Write Example Files\n\n- Copy real code from the codebase (not fabricated) — if none exists, build from an established pattern\n- Ensure the code is **directly usable as a template** by the agent\n- Replace overly specific business logic with clear placeholders\n- Preserve original variable names and structure for clarity\n\n### 4. Update References in Related Skill\n\nAfter adding the example, update `references\u002Fcontext.md` in the skill that uses it:\n\n```markdown\n## Real Code Examples\n\n### Example N — {Example Name}\nLocation: `.agents\u002Fexamples\u002F{skill-name}\u002F{subfolder}\u002F{example-name}\u002F`\n\nPattern: {list of patterns demonstrated}\n\nFiles:\n- `{file}.tsx` — {short description}\n\n**Use for:** {scenario when this example is relevant}\n```\n\n### 5. Make Example Discoverable\n\n- Add a comment on the first line of the file: `\u002F\u002F Example: {short description}`\n- For multi-file examples, add a brief `README.md` in the example folder (optional, only if complex)\n\n## Prohibitions\n\n- **FORBIDDEN** to add examples that have not been used in real codebases — validate in the project first.\n- **FORBIDDEN** to store secrets, credentials, or sensitive data in example files.\n- **FORBIDDEN** to create examples at the root `.agents\u002Fexamples\u002F` without a skill subfolder.\n- **FORBIDDEN** to duplicate existing examples — check first.\n- **FORBIDDEN** to skip updating `references\u002Fcontext.md` in the related skill.\n\n## Pre-Completion Checklist\n\n- [ ] Scope and target skill identified\n- [ ] Folder location chosen per convention (`{skill-name}\u002F{subfolder}\u002F{example-name}\u002F`)\n- [ ] Example files written — real code, usable as template\n- [ ] No secrets or sensitive data in code\n- [ ] `references\u002Fcontext.md` in related skill updated with new example entry\n- [ ] All files end with newline (EOF)\n","# Skill: Skill Add Example\n\n## Context (Required)\n- Scope folder + conventions: `references\u002Fcontext.md`\n- Execution checklist: `templates\u002Fchecklist.md`\n\nAdd proven, real code examples to `.agents\u002Fexamples\u002F` so the agent can reference them when executing skills.\n\n## Workflow\n\n### 1. Determine Scope & Target Skill\n- Identify the skill that will use this example (e.g. `web-slicing`, `web-api-integrated`)\n- Pick a descriptive subfolder name (kebab-case): e.g. `use-products`\n\n### 2. Choose Example Location\n\n```\n.agents\u002Fexamples\u002F\n└── {skill-name}\u002F           → folder per skill\n    └── {subfolder}\u002F        → specific context (framework, domain, etc.)\n        └── {example-name}\u002F → example name (kebab-case, descriptive)\n            ├── {file}.ts   → real code file\n            └── {file}.tsx  → real code file\n```\n\nExisting locations:\n- `.agents\u002Fexamples\u002Fweb-slicing\u002Fnextjs-app-router\u002Fexamples\u002F` — basic CRUD\n- `.agents\u002Fexamples\u002Fweb-api-integrated\u002Fhooks\u002Fuse-examples\u002F` — CRUD hooks\n\n### 3. Write Example Files\n\n- Copy real code from the codebase (not fabricated) — if none exists, build from an established pattern\n- Ensure the code is **directly usable as a template** by the agent\n- Replace overly specific business logic with clear placeholders\n- Preserve original variable names and structure for clarity\n\n### 4. Update References in Related Skill\n\nAfter adding the example, update `references\u002Fcontext.md` in the skill that uses it:\n\n```markdown\n## Real Code Examples\n\n### Example N — {Example Name}\nLocation: `.agents\u002Fexamples\u002F{skill-name}\u002F{subfolder}\u002F{example-name}\u002F`\n\nPattern: {list of patterns demonstrated}\n\nFiles:\n- `{file}.tsx` — {short description}\n\n**Use for:** {scenario when this example is relevant}\n```\n\n### 5. Make Example Discoverable\n\n- Add a comment on the first line of the file: `\u002F\u002F Example: {short description}`\n- For multi-file examples, add a brief `README.md` in the example folder (optional, only if complex)\n\n## Prohibitions\n\n- **FORBIDDEN** to add examples that have not been used in real codebases — validate in the project first.\n- **FORBIDDEN** to store secrets, credentials, or sensitive data in example files.\n- **FORBIDDEN** to create examples at the root `.agents\u002Fexamples\u002F` without a skill subfolder.\n- **FORBIDDEN** to duplicate existing examples — check first.\n- **FORBIDDEN** to skip updating `references\u002Fcontext.md` in the related skill.\n\n## Pre-Completion Checklist\n\n- [ ] Scope and target skill identified\n- [ ] Folder location chosen per convention (`{skill-name}\u002F{subfolder}\u002F{example-name}\u002F`)\n- [ ] Example files written — real code, usable as template\n- [ ] No secrets or sensitive data in code\n- [ ] `references\u002Fcontext.md` in related skill updated with new example entry\n- [ ] All files end with newline (EOF)\n",{"name":5,"description":7},"main","916c70a2d28dc0d7f254eb0f8c139b53689399f1",".agents\u002Fskills\u002Fskill-add-example",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":48,"prompt":58,"zipAvailable":59},[49,52,55],{"tool":50,"command":51},"npx","npx skills add irosadie\u002Fvibecoding-starter --skill skill-add-example",{"tool":53,"command":54},"bunx","bunx skills add irosadie\u002Fvibecoding-starter --skill skill-add-example",{"tool":56,"command":57},"pnpm","pnpm dlx skills add irosadie\u002Fvibecoding-starter --skill skill-add-example","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Firosadie\u002Fvibecoding-starter\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fskill-add-example\u002FSKILL.md",true,[61,67,71],{"path":62,"resourceType":63,"resourceTypeDesc":64,"sizeBytes":65,"sourceHtmlUrl":66},"agents\u002Fopenai.yaml","REFERENCE","参考文档",302,"https:\u002F\u002Fgithub.com\u002Firosadie\u002Fvibecoding-starter\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fskill-add-example\u002Fagents\u002Fopenai.yaml",{"path":68,"resourceType":63,"resourceTypeDesc":64,"sizeBytes":69,"sourceHtmlUrl":70},"references\u002Fcontext.md",2561,"https:\u002F\u002Fgithub.com\u002Firosadie\u002Fvibecoding-starter\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fskill-add-example\u002Freferences\u002Fcontext.md",{"path":72,"resourceType":63,"resourceTypeDesc":64,"sizeBytes":73,"sourceHtmlUrl":74},"templates\u002Fchecklist.md",1326,"https:\u002F\u002Fgithub.com\u002Firosadie\u002Fvibecoding-starter\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fskill-add-example\u002Ftemplates\u002Fchecklist.md",[76,105,134,156,172,195],{"skillNo":77,"name":78,"nameZh":6,"description":79,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":80,"categories":81,"keywords":90,"publishedAt":33},"01M6D9ZV5TNXMKVY9GVT9RGJTH","web-slicing","Convert screenshot\u002FFigma designs into pixel-perfect frontend UI with reusable components. Use when the task focuses on visual and layout implementation.","https:\u002F\u002Fgithub.com\u002Firosadie\u002Fvibecoding-starter\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fweb-slicing\u002FSKILL.md",[82,85],{"categoryNo":83,"categoryName":84,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发",{"categoryNo":86,"categoryName":87,"taxonomyType":88,"taxonomyTypeDesc":89},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[91,92,93,94,95,96,97,98,99,29,100,101,102,103,104],"web","web slicing","screenshot","layout","visual","pixel","task","reusable","implementation","convert","ui","figma","components","frontend",{"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":117,"publishedAt":33},"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",[111,114],{"categoryNo":112,"categoryName":113,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000019","营销推广",{"categoryNo":115,"categoryName":116,"taxonomyType":88,"taxonomyTypeDesc":89},"01JBSEEDCAT000000000000035","市场营销",[118,119,120,121,91,122,123,124,125,126,29,127,128,129,130,131,132,133],"seo geo","geo","web seo geo friendly","seo","js","Next.js","engine","public","user","Optimization","router","app","pages","next","optimize","geo optimization",{"skillNo":135,"name":136,"nameZh":6,"description":137,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":138,"categories":139,"keywords":147,"publishedAt":33},"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",[140,143,144],{"categoryNo":141,"categoryName":142,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000007","代码审查",{"categoryNo":83,"categoryName":84,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":145,"categoryName":146,"taxonomyType":88,"taxonomyTypeDesc":89},"01JBSEEDCAT000000000000030","开发工程师",[148,26,149,91,150,151,152,153,154,104,155],"web code review","code review","review","firm","test","contracts","architecture","shared",{"skillNo":157,"name":158,"nameZh":6,"description":159,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":160,"categories":161,"keywords":163,"publishedAt":33},"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",[162],{"categoryNo":83,"categoryName":84,"taxonomyType":21,"taxonomyTypeDesc":22},[91,164,165,166,167,168,169,170,171,104],"web bugfix","sync","tests","surfaces","hooks","schema","fix","docs",{"skillNo":173,"name":174,"nameZh":6,"description":175,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":176,"categories":177,"keywords":183,"publishedAt":33},"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",[178,179,182],{"categoryNo":83,"categoryName":84,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":180,"categoryName":181,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":145,"categoryName":146,"taxonomyType":88,"taxonomyTypeDesc":89},[91,184,185,186,29,187,188,189,104,168,190,191,192,193,194],"web api integrated","api","integrate","zod","postman","react","contract","swagger","query","api contract","endpoints",{"skillNo":196,"name":197,"nameZh":6,"description":198,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":199,"categories":200,"keywords":202,"publishedAt":33},"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",[201],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},[203,204,205,206,207,208,209,210,211,212,213,214],"skill creator","new skill","full","structure","registration","references","Wrapper","manifest","templates","yaml","openai","create"]