[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6AD7WB9W09VPN2XY494JVXE":3,"skill-same:01M6AD7WB9W09VPN2XY494JVXE":49},{"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":18,"publishedAt":21,"linkOnly":22,"markdownContent":23,"markdownBody":24,"frontMatter":25,"refName":26,"commitSha":27,"skillDirectory":28,"forksCount":29,"repositoryHtmlUrl":30,"repositoryHomepageUrl":6,"ownerHtmlUrl":31,"ownerBlogUrl":32,"ownerDescription":33,"updatedAt":34,"install":35,"resources":48},"01M6AD7WB9W09VPN2XY494JVXE","icons",null,"Conventions for picking, sizing, and bundling Fluent icons. USE WHEN: adding or changing an icon in a `*.tsx` file, or picking an icon name.","github\u002Freplica","github","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F9919?v=4","01M6AC83DS133TPXFSP1DHNCC6","GitHub","01M6AD7D93S1YD5K71F61E6ASB",270,"MIT","https:\u002F\u002Fgithub.com\u002Fgithub\u002Freplica\u002Fblob\u002Fmain\u002Fstarters\u002Fcoreai\u002F.agents\u002Fskills\u002Ficons\u002FSKILL.md",[],[5,19,20],"fluent","file","2026-11-10 10:12:30",false,"---\nname: icons\ndescription: 'Conventions for picking, sizing, and bundling Fluent icons. USE WHEN: adding or changing an icon in a `*.tsx` file, or picking an icon name.'\n---\n\n# Icon Usage\n\nWhen looking for icon names,\n\n- **Prefer searching the installed `@fluentui\u002Freact-icons` exports** so the names match the version the app actually uses. Run this from this app's directory, replacing the search expression with the concept you need:\n\n```sh\nnode -e \"const icons = require('@fluentui\u002Freact-icons'); console.log(Object.keys(icons).filter(name => \u002Fdocument.*add\u002Fi.test(name) && !\u002F\\d\u002F.test(name) && \u002F(?:Regular|Filled)$\u002F.test(name)).join('\\n'));\"\n```\n\nThe example searches document-add icons, excludes numbered-size exports, and keeps filled\u002Fregular styles.\n\n- As an alternate, search the icon repo names for discovery or visual previews: `https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Ffluentui-system-icons\u002Fblob\u002Fmain\u002Ficons_regular.md` or `https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Ffluentui-system-icons\u002Fblob\u002Fmain\u002Ficons_filled.md`.\n- After choosing an icon through an alternate method, verify that its exact export name exists in the installed `@fluentui\u002Freact-icons` package; the online catalog may include icons from newer versions.\n\nPrefer using the unsized icons without the number suffix, e.g. `TextBulletListTreeFilled` instead of `TextBulletListTree20Filled`. This allows the icon to scale dynamically within buttons and other components.\n\nWhen adding icons to Fluent components, use the `bundleIcon` utility from `@fluentui\u002Freact-icons` to combine filled and regular icons. For example:\n\n```tsx\nconst TraceIcon = bundleIcon(TextBulletListTreeFilled, TextBulletListTreeRegular);\n\n\u003CButton icon={\u003CTraceIcon \u002F>} \u002F>;\n```\n","# Icon Usage\n\nWhen looking for icon names,\n\n- **Prefer searching the installed `@fluentui\u002Freact-icons` exports** so the names match the version the app actually uses. Run this from this app's directory, replacing the search expression with the concept you need:\n\n```sh\nnode -e \"const icons = require('@fluentui\u002Freact-icons'); console.log(Object.keys(icons).filter(name => \u002Fdocument.*add\u002Fi.test(name) && !\u002F\\d\u002F.test(name) && \u002F(?:Regular|Filled)$\u002F.test(name)).join('\\n'));\"\n```\n\nThe example searches document-add icons, excludes numbered-size exports, and keeps filled\u002Fregular styles.\n\n- As an alternate, search the icon repo names for discovery or visual previews: `https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Ffluentui-system-icons\u002Fblob\u002Fmain\u002Ficons_regular.md` or `https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Ffluentui-system-icons\u002Fblob\u002Fmain\u002Ficons_filled.md`.\n- After choosing an icon through an alternate method, verify that its exact export name exists in the installed `@fluentui\u002Freact-icons` package; the online catalog may include icons from newer versions.\n\nPrefer using the unsized icons without the number suffix, e.g. `TextBulletListTreeFilled` instead of `TextBulletListTree20Filled`. This allows the icon to scale dynamically within buttons and other components.\n\nWhen adding icons to Fluent components, use the `bundleIcon` utility from `@fluentui\u002Freact-icons` to combine filled and regular icons. For example:\n\n```tsx\nconst TraceIcon = bundleIcon(TextBulletListTreeFilled, TextBulletListTreeRegular);\n\n\u003CButton icon={\u003CTraceIcon \u002F>} \u002F>;\n```\n",{"name":5,"description":7},"main","0e8bdbd952ce0d93c8976876fa59e9f119614ae8","starters\u002Fcoreai\u002F.agents\u002Fskills\u002Ficons",35,"https:\u002F\u002Fgithub.com\u002Fgithub\u002Freplica","https:\u002F\u002Fgithub.com\u002Fgithub","https:\u002F\u002Fgithub.com\u002Fabout","How people build software.","2026-11-15 01:22:55",{"source":8,"skillName":5,"commands":36,"prompt":46,"zipAvailable":47},[37,40,43],{"tool":38,"command":39},"npx","npx skills add github\u002Freplica --skill icons",{"tool":41,"command":42},"bunx","bunx skills add github\u002Freplica --skill icons",{"tool":44,"command":45},"pnpm","pnpm dlx skills add github\u002Freplica --skill icons","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fgithub\u002Freplica\u002Fblob\u002Fmain\u002Fstarters\u002Fcoreai\u002F.agents\u002Fskills\u002Ficons\u002FSKILL.md",true,[],[50,74,87,95,106,118],{"skillNo":51,"name":52,"nameZh":6,"description":53,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":54,"categories":55,"keywords":66,"publishedAt":21},"01M6AD93V99PC60JK4VK50HKXB","visual-design-review","Reviews page hierarchy, grouping, density, actions and state design using consumer-owned product and design-system guidance. Use when asked for a visual design review, page critique or whether a new page communicates its task clearly.","https:\u002F\u002Fgithub.com\u002Fgithub\u002Freplica\u002Fblob\u002Fmain\u002Fstarters\u002Fshared\u002F.agents\u002Fskills\u002Fvisual-design-review\u002FSKILL.md",[56,61],{"categoryNo":57,"categoryName":58,"taxonomyType":59,"taxonomyTypeDesc":60},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":62,"categoryName":63,"taxonomyType":64,"taxonomyTypeDesc":65},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[67,68,69,70,71,72,73],"visual design review","design","review","design review","state","product","actions",{"skillNo":75,"name":76,"nameZh":6,"description":77,"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":80,"publishedAt":21},"01M6AD91PX2VVM9NCAEHVTV12J","setup-skills","Configures shared sources and drafts context with independent writers. Plain\u002Ffresh setup offers installation of user-named packages and reuses built-in browser capabilities, adding browser tooling only for an evidenced required-check gap. Use for setup, source repair, writing context or refreshing drafts. Configure-only skips tooling and authoring; installations and activation require separate approval.","https:\u002F\u002Fgithub.com\u002Fgithub\u002Freplica\u002Fblob\u002Fmain\u002Fstarters\u002Fshared\u002F.agents\u002Fskills\u002Fsetup-skills\u002FSKILL.md",[],[81,82,83,84,85,86],"setup","setup skills","browser","capabilities","packages","writing",{"skillNo":88,"name":89,"nameZh":6,"description":90,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":91,"categories":92,"keywords":93,"publishedAt":21},"01M6AD907YGYR4MJXMYKWF384R","review-hub-feedback","Review Hub feedback for reusable design themes through discovery, independent judging and synthesis. No diagnosis or optimization.","https:\u002F\u002Fgithub.com\u002Fgithub\u002Freplica\u002Fblob\u002Fmain\u002Fstarters\u002Fshared\u002F.agents\u002Fskills\u002Freview-hub-feedback\u002FSKILL.md",[],[69,94,68],"review hub feedback",{"skillNo":96,"name":97,"nameZh":6,"description":98,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":99,"categories":100,"keywords":101,"publishedAt":21},"01M6AD8YR85DPBCPRAW8S112RD","responsive-audit","Audits UI layout, overflow and navigation across product-defined viewports using consumer context and browser tools. Use when asked to check responsiveness, test mobile layout or audit breakpoint behavior.","https:\u002F\u002Fgithub.com\u002Fgithub\u002Freplica\u002Fblob\u002Fmain\u002Fstarters\u002Fshared\u002F.agents\u002Fskills\u002Fresponsive-audit\u002FSKILL.md",[],[102,103,83,104,105,72],"responsive audit","audit","ui","test",{"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":21},"01M6AD8WA6KSR3GQ57WJ0T6M0D","prototype-controls","Create and wire Replica prototype controls. Use when asked to add or change dropdowns, sliders, input fields, toggles or action buttons that configure variants, scenarios, visible UI, app state or data sources, even without canvas terminology. Covers declarations, typed bindings, defaults, conditions, resets and actions. Product UI form fields and filters alone belong to create-prototype.","https:\u002F\u002Fgithub.com\u002Fgithub\u002Freplica\u002Fblob\u002Fmain\u002Fstarters\u002Fshared\u002F.agents\u002Fskills\u002Fprototype-controls\u002FSKILL.md",[],[113,114,115,116,117,71,72,104,73],"prototype controls","prototype","change","canvas","create",{"skillNo":119,"name":120,"nameZh":6,"description":121,"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":129,"publishedAt":21},"01M6AD8SK1BWKZS74PEPDD8QRH","product-design","Guides product-design decisions using the consuming repository's design-system, product, and repository context. Use when designing UI, choosing layout or navigation, handling states and forms, messaging, disclosure, onboarding, visualization, copy, delete, filter, or search interactions. Triggers on 'design guidance', 'how to design', 'UI pattern', 'product design', 'scenario pattern', 'confirmation dialog', 'delete flow', 'copy to clipboard', 'filter', and 'search'.","https:\u002F\u002Fgithub.com\u002Fgithub\u002Freplica\u002Fblob\u002Fmain\u002Fstarters\u002Fshared\u002F.agents\u002Fskills\u002Fproduct-design\u002FSKILL.md",[124,125,128],{"categoryNo":57,"categoryName":58,"taxonomyType":59,"taxonomyTypeDesc":60},{"categoryNo":126,"categoryName":127,"taxonomyType":64,"taxonomyTypeDesc":65},"01JBSEEDCAT000000000000031","产品经理",{"categoryNo":62,"categoryName":63,"taxonomyType":64,"taxonomyTypeDesc":65},[68,130,72,131,132,133,134,135,104,136],"product design","delete","visualization","onboarding","search","messaging","repository"]