[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-anthropic-playground":3,"mdc--h78luj-key":37,"related-repo-anthropic-playground":975,"related-org-anthropic-playground":1083},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":12,"stars":23,"repoUrl":24,"updatedAt":25,"license":26,"forks":27,"topics":28,"repo":32,"sourceUrl":35,"mdContent":36},"playground","create interactive HTML playgrounds","Creates interactive HTML playgrounds — self-contained single-file explorers that let users configure something visually through controls, see a live preview, and copy out a prompt. Use when the user asks to make a playground, explorer, or interactive tool for a topic.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},"anthropic","Anthropic","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fanthropic.png","anthropics",[13,17,20],{"name":14,"slug":15,"type":16},"HTML","html","tag",{"name":18,"slug":19,"type":16},"Creative","creative",{"name":21,"slug":22,"type":16},"Frontend","frontend",32228,"https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fclaude-plugins-official","2026-04-06T17:55:50.332423",null,3591,[29,30,31],"claude-code","mcp","skills",{"repoUrl":24,"stars":23,"forks":27,"topics":33,"description":34},[29,30,31],"Official, Anthropic-managed directory of high quality Claude Code Plugins.","https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fclaude-plugins-official\u002Ftree\u002FHEAD\u002Fplugins\u002Fplayground\u002Fskills\u002Fplayground","---\nname: playground\ndescription: Creates interactive HTML playgrounds — self-contained single-file explorers that let users configure something visually through controls, see a live preview, and copy out a prompt. Use when the user asks to make a playground, explorer, or interactive tool for a topic.\n---\n\n# Playground Builder\n\nA playground is a self-contained HTML file with interactive controls on one side, a live preview on the other, and a prompt output at the bottom with a copy button. The user adjusts controls, explores visually, then copies the generated prompt back into Claude.\n\n## When to use this skill\n\nWhen the user asks for an interactive playground, explorer, or visual tool for a topic — especially when the input space is large, visual, or structural and hard to express as plain text.\n\n## How to use this skill\n\n1. **Identify the playground type** from the user's request\n2. **Load the matching template** from `templates\u002F`:\n   - `templates\u002Fdesign-playground.md` — Visual design decisions (components, layouts, spacing, color, typography)\n   - `templates\u002Fdata-explorer.md` — Data and query building (SQL, APIs, pipelines, regex)\n   - `templates\u002Fconcept-map.md` — Learning and exploration (concept maps, knowledge gaps, scope mapping)\n   - `templates\u002Fdocument-critique.md` — Document review (suggestions with approve\u002Freject\u002Fcomment workflow)\n   - `templates\u002Fdiff-review.md` — Code review (git diffs, commits, PRs with line-by-line commenting)\n   - `templates\u002Fcode-map.md` — Codebase architecture (component relationships, data flow, layer diagrams)\n3. **Follow the template** to build the playground. If the topic doesn't fit any template cleanly, use the one closest and adapt.\n4. **Open in browser.** After writing the HTML file, run `open \u003Cfilename>.html` to launch it in the user's default browser.\n\n## Core requirements (every playground)\n\n- **Single HTML file.** Inline all CSS and JS. No external dependencies.\n- **Live preview.** Updates instantly on every control change. No \"Apply\" button.\n- **Prompt output.** Natural language, not a value dump. Only mentions non-default choices. Includes enough context to act on without seeing the playground. Updates live.\n- **Copy button.** Clipboard copy with brief \"Copied!\" feedback.\n- **Sensible defaults + presets.** Looks good on first load. Include 3-5 named presets that snap all controls to a cohesive combination.\n- **Dark theme.** System font for UI, monospace for code\u002Fvalues. Minimal chrome.\n\n## State management pattern\n\nKeep a single state object. Every control writes to it, every render reads from it.\n\n```javascript\nconst state = { \u002F* all configurable values *\u002F };\n\nfunction updateAll() {\n  renderPreview(); \u002F\u002F update the visual\n  updatePrompt();  \u002F\u002F rebuild the prompt text\n}\n\u002F\u002F Every control calls updateAll() on change\n```\n\n## Prompt output pattern\n\n```javascript\nfunction updatePrompt() {\n  const parts = [];\n\n  \u002F\u002F Only mention non-default values\n  if (state.borderRadius !== DEFAULTS.borderRadius) {\n    parts.push(`border-radius of ${state.borderRadius}px`);\n  }\n\n  \u002F\u002F Use qualitative language alongside numbers\n  if (state.shadowBlur > 16) parts.push('a pronounced shadow');\n  else if (state.shadowBlur > 0) parts.push('a subtle shadow');\n\n  prompt.textContent = `Update the card to use ${parts.join(', ')}.`;\n}\n```\n\n## Common mistakes to avoid\n\n- Prompt output is just a value dump → write it as a natural instruction\n- Too many controls at once → group by concern, hide advanced in a collapsible section\n- Preview doesn't update instantly → every control change must trigger immediate re-render\n- No defaults or presets → starts empty or broken on load\n- External dependencies → if CDN is down, playground is dead\n- Prompt lacks context → include enough that it's actionable without the playground\n",{"data":38,"body":39},{"name":4,"description":6},{"type":40,"children":41},"root",[42,51,57,64,69,75,208,214,277,283,288,438,444,930,936,969],{"type":43,"tag":44,"props":45,"children":47},"element","h1",{"id":46},"playground-builder",[48],{"type":49,"value":50},"text","Playground Builder",{"type":43,"tag":52,"props":53,"children":54},"p",{},[55],{"type":49,"value":56},"A playground is a self-contained HTML file with interactive controls on one side, a live preview on the other, and a prompt output at the bottom with a copy button. The user adjusts controls, explores visually, then copies the generated prompt back into Claude.",{"type":43,"tag":58,"props":59,"children":61},"h2",{"id":60},"when-to-use-this-skill",[62],{"type":49,"value":63},"When to use this skill",{"type":43,"tag":52,"props":65,"children":66},{},[67],{"type":49,"value":68},"When the user asks for an interactive playground, explorer, or visual tool for a topic — especially when the input space is large, visual, or structural and hard to express as plain text.",{"type":43,"tag":58,"props":70,"children":72},{"id":71},"how-to-use-this-skill",[73],{"type":49,"value":74},"How to use this skill",{"type":43,"tag":76,"props":77,"children":78},"ol",{},[79,91,180,190],{"type":43,"tag":80,"props":81,"children":82},"li",{},[83,89],{"type":43,"tag":84,"props":85,"children":86},"strong",{},[87],{"type":49,"value":88},"Identify the playground type",{"type":49,"value":90}," from the user's request",{"type":43,"tag":80,"props":92,"children":93},{},[94,99,101,108,110],{"type":43,"tag":84,"props":95,"children":96},{},[97],{"type":49,"value":98},"Load the matching template",{"type":49,"value":100}," from ",{"type":43,"tag":102,"props":103,"children":105},"code",{"className":104},[],[106],{"type":49,"value":107},"templates\u002F",{"type":49,"value":109},":\n",{"type":43,"tag":111,"props":112,"children":113},"ul",{},[114,125,136,147,158,169],{"type":43,"tag":80,"props":115,"children":116},{},[117,123],{"type":43,"tag":102,"props":118,"children":120},{"className":119},[],[121],{"type":49,"value":122},"templates\u002Fdesign-playground.md",{"type":49,"value":124}," — Visual design decisions (components, layouts, spacing, color, typography)",{"type":43,"tag":80,"props":126,"children":127},{},[128,134],{"type":43,"tag":102,"props":129,"children":131},{"className":130},[],[132],{"type":49,"value":133},"templates\u002Fdata-explorer.md",{"type":49,"value":135}," — Data and query building (SQL, APIs, pipelines, regex)",{"type":43,"tag":80,"props":137,"children":138},{},[139,145],{"type":43,"tag":102,"props":140,"children":142},{"className":141},[],[143],{"type":49,"value":144},"templates\u002Fconcept-map.md",{"type":49,"value":146}," — Learning and exploration (concept maps, knowledge gaps, scope mapping)",{"type":43,"tag":80,"props":148,"children":149},{},[150,156],{"type":43,"tag":102,"props":151,"children":153},{"className":152},[],[154],{"type":49,"value":155},"templates\u002Fdocument-critique.md",{"type":49,"value":157}," — Document review (suggestions with approve\u002Freject\u002Fcomment workflow)",{"type":43,"tag":80,"props":159,"children":160},{},[161,167],{"type":43,"tag":102,"props":162,"children":164},{"className":163},[],[165],{"type":49,"value":166},"templates\u002Fdiff-review.md",{"type":49,"value":168}," — Code review (git diffs, commits, PRs with line-by-line commenting)",{"type":43,"tag":80,"props":170,"children":171},{},[172,178],{"type":43,"tag":102,"props":173,"children":175},{"className":174},[],[176],{"type":49,"value":177},"templates\u002Fcode-map.md",{"type":49,"value":179}," — Codebase architecture (component relationships, data flow, layer diagrams)",{"type":43,"tag":80,"props":181,"children":182},{},[183,188],{"type":43,"tag":84,"props":184,"children":185},{},[186],{"type":49,"value":187},"Follow the template",{"type":49,"value":189}," to build the playground. If the topic doesn't fit any template cleanly, use the one closest and adapt.",{"type":43,"tag":80,"props":191,"children":192},{},[193,198,200,206],{"type":43,"tag":84,"props":194,"children":195},{},[196],{"type":49,"value":197},"Open in browser.",{"type":49,"value":199}," After writing the HTML file, run ",{"type":43,"tag":102,"props":201,"children":203},{"className":202},[],[204],{"type":49,"value":205},"open \u003Cfilename>.html",{"type":49,"value":207}," to launch it in the user's default browser.",{"type":43,"tag":58,"props":209,"children":211},{"id":210},"core-requirements-every-playground",[212],{"type":49,"value":213},"Core requirements (every playground)",{"type":43,"tag":111,"props":215,"children":216},{},[217,227,237,247,257,267],{"type":43,"tag":80,"props":218,"children":219},{},[220,225],{"type":43,"tag":84,"props":221,"children":222},{},[223],{"type":49,"value":224},"Single HTML file.",{"type":49,"value":226}," Inline all CSS and JS. No external dependencies.",{"type":43,"tag":80,"props":228,"children":229},{},[230,235],{"type":43,"tag":84,"props":231,"children":232},{},[233],{"type":49,"value":234},"Live preview.",{"type":49,"value":236}," Updates instantly on every control change. No \"Apply\" button.",{"type":43,"tag":80,"props":238,"children":239},{},[240,245],{"type":43,"tag":84,"props":241,"children":242},{},[243],{"type":49,"value":244},"Prompt output.",{"type":49,"value":246}," Natural language, not a value dump. Only mentions non-default choices. Includes enough context to act on without seeing the playground. Updates live.",{"type":43,"tag":80,"props":248,"children":249},{},[250,255],{"type":43,"tag":84,"props":251,"children":252},{},[253],{"type":49,"value":254},"Copy button.",{"type":49,"value":256}," Clipboard copy with brief \"Copied!\" feedback.",{"type":43,"tag":80,"props":258,"children":259},{},[260,265],{"type":43,"tag":84,"props":261,"children":262},{},[263],{"type":49,"value":264},"Sensible defaults + presets.",{"type":49,"value":266}," Looks good on first load. Include 3-5 named presets that snap all controls to a cohesive combination.",{"type":43,"tag":80,"props":268,"children":269},{},[270,275],{"type":43,"tag":84,"props":271,"children":272},{},[273],{"type":49,"value":274},"Dark theme.",{"type":49,"value":276}," System font for UI, monospace for code\u002Fvalues. Minimal chrome.",{"type":43,"tag":58,"props":278,"children":280},{"id":279},"state-management-pattern",[281],{"type":49,"value":282},"State management pattern",{"type":43,"tag":52,"props":284,"children":285},{},[286],{"type":49,"value":287},"Keep a single state object. Every control writes to it, every render reads from it.",{"type":43,"tag":289,"props":290,"children":295},"pre",{"className":291,"code":292,"language":293,"meta":294,"style":294},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const state = { \u002F* all configurable values *\u002F };\n\nfunction updateAll() {\n  renderPreview(); \u002F\u002F update the visual\n  updatePrompt();  \u002F\u002F rebuild the prompt text\n}\n\u002F\u002F Every control calls updateAll() on change\n","javascript","",[296],{"type":43,"tag":102,"props":297,"children":298},{"__ignoreMap":294},[299,339,349,374,398,420,429],{"type":43,"tag":300,"props":301,"children":304},"span",{"class":302,"line":303},"line",1,[305,311,317,323,328,334],{"type":43,"tag":300,"props":306,"children":308},{"style":307},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[309],{"type":49,"value":310},"const",{"type":43,"tag":300,"props":312,"children":314},{"style":313},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[315],{"type":49,"value":316}," state ",{"type":43,"tag":300,"props":318,"children":320},{"style":319},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[321],{"type":49,"value":322},"=",{"type":43,"tag":300,"props":324,"children":325},{"style":319},[326],{"type":49,"value":327}," {",{"type":43,"tag":300,"props":329,"children":331},{"style":330},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[332],{"type":49,"value":333}," \u002F* all configurable values *\u002F",{"type":43,"tag":300,"props":335,"children":336},{"style":319},[337],{"type":49,"value":338}," };\n",{"type":43,"tag":300,"props":340,"children":342},{"class":302,"line":341},2,[343],{"type":43,"tag":300,"props":344,"children":346},{"emptyLinePlaceholder":345},true,[347],{"type":49,"value":348},"\n",{"type":43,"tag":300,"props":350,"children":352},{"class":302,"line":351},3,[353,358,364,369],{"type":43,"tag":300,"props":354,"children":355},{"style":307},[356],{"type":49,"value":357},"function",{"type":43,"tag":300,"props":359,"children":361},{"style":360},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[362],{"type":49,"value":363}," updateAll",{"type":43,"tag":300,"props":365,"children":366},{"style":319},[367],{"type":49,"value":368},"()",{"type":43,"tag":300,"props":370,"children":371},{"style":319},[372],{"type":49,"value":373}," {\n",{"type":43,"tag":300,"props":375,"children":377},{"class":302,"line":376},4,[378,383,388,393],{"type":43,"tag":300,"props":379,"children":380},{"style":360},[381],{"type":49,"value":382},"  renderPreview",{"type":43,"tag":300,"props":384,"children":386},{"style":385},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[387],{"type":49,"value":368},{"type":43,"tag":300,"props":389,"children":390},{"style":319},[391],{"type":49,"value":392},";",{"type":43,"tag":300,"props":394,"children":395},{"style":330},[396],{"type":49,"value":397}," \u002F\u002F update the visual\n",{"type":43,"tag":300,"props":399,"children":401},{"class":302,"line":400},5,[402,407,411,415],{"type":43,"tag":300,"props":403,"children":404},{"style":360},[405],{"type":49,"value":406},"  updatePrompt",{"type":43,"tag":300,"props":408,"children":409},{"style":385},[410],{"type":49,"value":368},{"type":43,"tag":300,"props":412,"children":413},{"style":319},[414],{"type":49,"value":392},{"type":43,"tag":300,"props":416,"children":417},{"style":330},[418],{"type":49,"value":419},"  \u002F\u002F rebuild the prompt text\n",{"type":43,"tag":300,"props":421,"children":423},{"class":302,"line":422},6,[424],{"type":43,"tag":300,"props":425,"children":426},{"style":319},[427],{"type":49,"value":428},"}\n",{"type":43,"tag":300,"props":430,"children":432},{"class":302,"line":431},7,[433],{"type":43,"tag":300,"props":434,"children":435},{"style":330},[436],{"type":49,"value":437},"\u002F\u002F Every control calls updateAll() on change\n",{"type":43,"tag":58,"props":439,"children":441},{"id":440},"prompt-output-pattern",[442],{"type":49,"value":443},"Prompt output pattern",{"type":43,"tag":289,"props":445,"children":447},{"className":291,"code":446,"language":293,"meta":294,"style":294},"function updatePrompt() {\n  const parts = [];\n\n  \u002F\u002F Only mention non-default values\n  if (state.borderRadius !== DEFAULTS.borderRadius) {\n    parts.push(`border-radius of ${state.borderRadius}px`);\n  }\n\n  \u002F\u002F Use qualitative language alongside numbers\n  if (state.shadowBlur > 16) parts.push('a pronounced shadow');\n  else if (state.shadowBlur > 0) parts.push('a subtle shadow');\n\n  prompt.textContent = `Update the card to use ${parts.join(', ')}.`;\n}\n",[448],{"type":43,"tag":102,"props":449,"children":450},{"__ignoreMap":294},[451,471,499,506,514,571,644,652,660,669,748,828,836,922],{"type":43,"tag":300,"props":452,"children":453},{"class":302,"line":303},[454,458,463,467],{"type":43,"tag":300,"props":455,"children":456},{"style":307},[457],{"type":49,"value":357},{"type":43,"tag":300,"props":459,"children":460},{"style":360},[461],{"type":49,"value":462}," updatePrompt",{"type":43,"tag":300,"props":464,"children":465},{"style":319},[466],{"type":49,"value":368},{"type":43,"tag":300,"props":468,"children":469},{"style":319},[470],{"type":49,"value":373},{"type":43,"tag":300,"props":472,"children":473},{"class":302,"line":341},[474,479,484,489,494],{"type":43,"tag":300,"props":475,"children":476},{"style":307},[477],{"type":49,"value":478},"  const",{"type":43,"tag":300,"props":480,"children":481},{"style":313},[482],{"type":49,"value":483}," parts",{"type":43,"tag":300,"props":485,"children":486},{"style":319},[487],{"type":49,"value":488}," =",{"type":43,"tag":300,"props":490,"children":491},{"style":385},[492],{"type":49,"value":493}," []",{"type":43,"tag":300,"props":495,"children":496},{"style":319},[497],{"type":49,"value":498},";\n",{"type":43,"tag":300,"props":500,"children":501},{"class":302,"line":351},[502],{"type":43,"tag":300,"props":503,"children":504},{"emptyLinePlaceholder":345},[505],{"type":49,"value":348},{"type":43,"tag":300,"props":507,"children":508},{"class":302,"line":376},[509],{"type":43,"tag":300,"props":510,"children":511},{"style":330},[512],{"type":49,"value":513},"  \u002F\u002F Only mention non-default values\n",{"type":43,"tag":300,"props":515,"children":516},{"class":302,"line":400},[517,523,528,533,538,543,548,553,557,561,566],{"type":43,"tag":300,"props":518,"children":520},{"style":519},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[521],{"type":49,"value":522},"  if",{"type":43,"tag":300,"props":524,"children":525},{"style":385},[526],{"type":49,"value":527}," (",{"type":43,"tag":300,"props":529,"children":530},{"style":313},[531],{"type":49,"value":532},"state",{"type":43,"tag":300,"props":534,"children":535},{"style":319},[536],{"type":49,"value":537},".",{"type":43,"tag":300,"props":539,"children":540},{"style":313},[541],{"type":49,"value":542},"borderRadius",{"type":43,"tag":300,"props":544,"children":545},{"style":319},[546],{"type":49,"value":547}," !==",{"type":43,"tag":300,"props":549,"children":550},{"style":313},[551],{"type":49,"value":552}," DEFAULTS",{"type":43,"tag":300,"props":554,"children":555},{"style":319},[556],{"type":49,"value":537},{"type":43,"tag":300,"props":558,"children":559},{"style":313},[560],{"type":49,"value":542},{"type":43,"tag":300,"props":562,"children":563},{"style":385},[564],{"type":49,"value":565},") ",{"type":43,"tag":300,"props":567,"children":568},{"style":319},[569],{"type":49,"value":570},"{\n",{"type":43,"tag":300,"props":572,"children":573},{"class":302,"line":422},[574,579,583,588,593,598,604,609,613,617,621,626,631,635,640],{"type":43,"tag":300,"props":575,"children":576},{"style":313},[577],{"type":49,"value":578},"    parts",{"type":43,"tag":300,"props":580,"children":581},{"style":319},[582],{"type":49,"value":537},{"type":43,"tag":300,"props":584,"children":585},{"style":360},[586],{"type":49,"value":587},"push",{"type":43,"tag":300,"props":589,"children":590},{"style":385},[591],{"type":49,"value":592},"(",{"type":43,"tag":300,"props":594,"children":595},{"style":319},[596],{"type":49,"value":597},"`",{"type":43,"tag":300,"props":599,"children":601},{"style":600},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[602],{"type":49,"value":603},"border-radius of ",{"type":43,"tag":300,"props":605,"children":606},{"style":319},[607],{"type":49,"value":608},"${",{"type":43,"tag":300,"props":610,"children":611},{"style":313},[612],{"type":49,"value":532},{"type":43,"tag":300,"props":614,"children":615},{"style":319},[616],{"type":49,"value":537},{"type":43,"tag":300,"props":618,"children":619},{"style":313},[620],{"type":49,"value":542},{"type":43,"tag":300,"props":622,"children":623},{"style":319},[624],{"type":49,"value":625},"}",{"type":43,"tag":300,"props":627,"children":628},{"style":600},[629],{"type":49,"value":630},"px",{"type":43,"tag":300,"props":632,"children":633},{"style":319},[634],{"type":49,"value":597},{"type":43,"tag":300,"props":636,"children":637},{"style":385},[638],{"type":49,"value":639},")",{"type":43,"tag":300,"props":641,"children":642},{"style":319},[643],{"type":49,"value":498},{"type":43,"tag":300,"props":645,"children":646},{"class":302,"line":431},[647],{"type":43,"tag":300,"props":648,"children":649},{"style":319},[650],{"type":49,"value":651},"  }\n",{"type":43,"tag":300,"props":653,"children":655},{"class":302,"line":654},8,[656],{"type":43,"tag":300,"props":657,"children":658},{"emptyLinePlaceholder":345},[659],{"type":49,"value":348},{"type":43,"tag":300,"props":661,"children":663},{"class":302,"line":662},9,[664],{"type":43,"tag":300,"props":665,"children":666},{"style":330},[667],{"type":49,"value":668},"  \u002F\u002F Use qualitative language alongside numbers\n",{"type":43,"tag":300,"props":670,"children":672},{"class":302,"line":671},10,[673,677,681,685,689,694,699,705,709,714,718,722,726,731,736,740,744],{"type":43,"tag":300,"props":674,"children":675},{"style":519},[676],{"type":49,"value":522},{"type":43,"tag":300,"props":678,"children":679},{"style":385},[680],{"type":49,"value":527},{"type":43,"tag":300,"props":682,"children":683},{"style":313},[684],{"type":49,"value":532},{"type":43,"tag":300,"props":686,"children":687},{"style":319},[688],{"type":49,"value":537},{"type":43,"tag":300,"props":690,"children":691},{"style":313},[692],{"type":49,"value":693},"shadowBlur",{"type":43,"tag":300,"props":695,"children":696},{"style":319},[697],{"type":49,"value":698}," >",{"type":43,"tag":300,"props":700,"children":702},{"style":701},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[703],{"type":49,"value":704}," 16",{"type":43,"tag":300,"props":706,"children":707},{"style":385},[708],{"type":49,"value":565},{"type":43,"tag":300,"props":710,"children":711},{"style":313},[712],{"type":49,"value":713},"parts",{"type":43,"tag":300,"props":715,"children":716},{"style":319},[717],{"type":49,"value":537},{"type":43,"tag":300,"props":719,"children":720},{"style":360},[721],{"type":49,"value":587},{"type":43,"tag":300,"props":723,"children":724},{"style":385},[725],{"type":49,"value":592},{"type":43,"tag":300,"props":727,"children":728},{"style":319},[729],{"type":49,"value":730},"'",{"type":43,"tag":300,"props":732,"children":733},{"style":600},[734],{"type":49,"value":735},"a pronounced shadow",{"type":43,"tag":300,"props":737,"children":738},{"style":319},[739],{"type":49,"value":730},{"type":43,"tag":300,"props":741,"children":742},{"style":385},[743],{"type":49,"value":639},{"type":43,"tag":300,"props":745,"children":746},{"style":319},[747],{"type":49,"value":498},{"type":43,"tag":300,"props":749,"children":751},{"class":302,"line":750},11,[752,757,762,766,770,774,778,782,787,791,795,799,803,807,811,816,820,824],{"type":43,"tag":300,"props":753,"children":754},{"style":519},[755],{"type":49,"value":756},"  else",{"type":43,"tag":300,"props":758,"children":759},{"style":519},[760],{"type":49,"value":761}," if",{"type":43,"tag":300,"props":763,"children":764},{"style":385},[765],{"type":49,"value":527},{"type":43,"tag":300,"props":767,"children":768},{"style":313},[769],{"type":49,"value":532},{"type":43,"tag":300,"props":771,"children":772},{"style":319},[773],{"type":49,"value":537},{"type":43,"tag":300,"props":775,"children":776},{"style":313},[777],{"type":49,"value":693},{"type":43,"tag":300,"props":779,"children":780},{"style":319},[781],{"type":49,"value":698},{"type":43,"tag":300,"props":783,"children":784},{"style":701},[785],{"type":49,"value":786}," 0",{"type":43,"tag":300,"props":788,"children":789},{"style":385},[790],{"type":49,"value":565},{"type":43,"tag":300,"props":792,"children":793},{"style":313},[794],{"type":49,"value":713},{"type":43,"tag":300,"props":796,"children":797},{"style":319},[798],{"type":49,"value":537},{"type":43,"tag":300,"props":800,"children":801},{"style":360},[802],{"type":49,"value":587},{"type":43,"tag":300,"props":804,"children":805},{"style":385},[806],{"type":49,"value":592},{"type":43,"tag":300,"props":808,"children":809},{"style":319},[810],{"type":49,"value":730},{"type":43,"tag":300,"props":812,"children":813},{"style":600},[814],{"type":49,"value":815},"a subtle shadow",{"type":43,"tag":300,"props":817,"children":818},{"style":319},[819],{"type":49,"value":730},{"type":43,"tag":300,"props":821,"children":822},{"style":385},[823],{"type":49,"value":639},{"type":43,"tag":300,"props":825,"children":826},{"style":319},[827],{"type":49,"value":498},{"type":43,"tag":300,"props":829,"children":831},{"class":302,"line":830},12,[832],{"type":43,"tag":300,"props":833,"children":834},{"emptyLinePlaceholder":345},[835],{"type":49,"value":348},{"type":43,"tag":300,"props":837,"children":839},{"class":302,"line":838},13,[840,845,849,854,858,863,868,872,876,880,885,889,893,898,902,906,910,914,918],{"type":43,"tag":300,"props":841,"children":842},{"style":313},[843],{"type":49,"value":844},"  prompt",{"type":43,"tag":300,"props":846,"children":847},{"style":319},[848],{"type":49,"value":537},{"type":43,"tag":300,"props":850,"children":851},{"style":313},[852],{"type":49,"value":853},"textContent",{"type":43,"tag":300,"props":855,"children":856},{"style":319},[857],{"type":49,"value":488},{"type":43,"tag":300,"props":859,"children":860},{"style":319},[861],{"type":49,"value":862}," `",{"type":43,"tag":300,"props":864,"children":865},{"style":600},[866],{"type":49,"value":867},"Update the card to use ",{"type":43,"tag":300,"props":869,"children":870},{"style":319},[871],{"type":49,"value":608},{"type":43,"tag":300,"props":873,"children":874},{"style":313},[875],{"type":49,"value":713},{"type":43,"tag":300,"props":877,"children":878},{"style":319},[879],{"type":49,"value":537},{"type":43,"tag":300,"props":881,"children":882},{"style":360},[883],{"type":49,"value":884},"join",{"type":43,"tag":300,"props":886,"children":887},{"style":313},[888],{"type":49,"value":592},{"type":43,"tag":300,"props":890,"children":891},{"style":319},[892],{"type":49,"value":730},{"type":43,"tag":300,"props":894,"children":895},{"style":600},[896],{"type":49,"value":897},", ",{"type":43,"tag":300,"props":899,"children":900},{"style":319},[901],{"type":49,"value":730},{"type":43,"tag":300,"props":903,"children":904},{"style":313},[905],{"type":49,"value":639},{"type":43,"tag":300,"props":907,"children":908},{"style":319},[909],{"type":49,"value":625},{"type":43,"tag":300,"props":911,"children":912},{"style":600},[913],{"type":49,"value":537},{"type":43,"tag":300,"props":915,"children":916},{"style":319},[917],{"type":49,"value":597},{"type":43,"tag":300,"props":919,"children":920},{"style":319},[921],{"type":49,"value":498},{"type":43,"tag":300,"props":923,"children":925},{"class":302,"line":924},14,[926],{"type":43,"tag":300,"props":927,"children":928},{"style":319},[929],{"type":49,"value":428},{"type":43,"tag":58,"props":931,"children":933},{"id":932},"common-mistakes-to-avoid",[934],{"type":49,"value":935},"Common mistakes to avoid",{"type":43,"tag":111,"props":937,"children":938},{},[939,944,949,954,959,964],{"type":43,"tag":80,"props":940,"children":941},{},[942],{"type":49,"value":943},"Prompt output is just a value dump → write it as a natural instruction",{"type":43,"tag":80,"props":945,"children":946},{},[947],{"type":49,"value":948},"Too many controls at once → group by concern, hide advanced in a collapsible section",{"type":43,"tag":80,"props":950,"children":951},{},[952],{"type":49,"value":953},"Preview doesn't update instantly → every control change must trigger immediate re-render",{"type":43,"tag":80,"props":955,"children":956},{},[957],{"type":49,"value":958},"No defaults or presets → starts empty or broken on load",{"type":43,"tag":80,"props":960,"children":961},{},[962],{"type":49,"value":963},"External dependencies → if CDN is down, playground is dead",{"type":43,"tag":80,"props":965,"children":966},{},[967],{"type":49,"value":968},"Prompt lacks context → include enough that it's actionable without the playground",{"type":43,"tag":970,"props":971,"children":972},"style",{},[973],{"type":49,"value":974},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":976,"total":1082},[977,993,1010,1025,1038,1051,1070],{"slug":978,"name":978,"fn":979,"description":980,"org":981,"tags":982,"stars":23,"repoUrl":24,"updatedAt":992},"access","manage iMessage channel access and permissions","Manage iMessage channel access — approve pairings, edit allowlists, set DM\u002Fgroup policy. Use when the user asks to pair, approve someone, check who's allowed, or change policy for the iMessage channel.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[983,986,989],{"name":984,"slug":985,"type":16},"Access Control","access-control",{"name":987,"slug":988,"type":16},"iMessage","imessage",{"name":990,"slug":991,"type":16},"Messaging","messaging","2026-04-12T04:54:55.917969",{"slug":994,"name":994,"fn":995,"description":996,"org":997,"tags":998,"stars":23,"repoUrl":24,"updatedAt":1009},"agent-development","develop and configure AI agents","This skill should be used when the user asks to \"create an agent\", \"add an agent\", \"write a subagent\", \"agent frontmatter\", \"when to use description\", \"agent examples\", \"agent tools\", \"agent colors\", \"autonomous agent\", or needs guidance on agent structure, system prompts, triggering conditions, or agent development best practices for Claude Code plugins.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[999,1002,1003,1006],{"name":1000,"slug":1001,"type":16},"Agents","agents",{"name":9,"slug":8,"type":16},{"name":1004,"slug":1005,"type":16},"Documentation","documentation",{"name":1007,"slug":1008,"type":16},"Plugin Development","plugin-development","2026-04-10T04:55:41.251084",{"slug":1011,"name":1011,"fn":1012,"description":1013,"org":1014,"tags":1015,"stars":23,"repoUrl":24,"updatedAt":1024},"build-mcp-app","build MCP apps with interactive UI","This skill should be used when the user wants to build an \"MCP app\", add \"interactive UI\" or \"widgets\" to an MCP server, \"render components in chat\", build \"MCP UI resources\", make a tool that shows a \"form\", \"picker\", \"dashboard\" or \"confirmation dialog\" inline in the conversation, or mentions \"apps SDK\" in the context of MCP. Use AFTER the build-mcp-server skill has settled the deployment model, or when the user already knows they want UI widgets.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1016,1017,1019,1021],{"name":1000,"slug":1001,"type":16},{"name":1018,"slug":29,"type":16},"Claude Code",{"name":1020,"slug":30,"type":16},"MCP",{"name":1022,"slug":1023,"type":16},"UI Components","ui-components","2026-04-06T17:59:32.421865",{"slug":1026,"name":1026,"fn":1027,"description":1028,"org":1029,"tags":1030,"stars":23,"repoUrl":24,"updatedAt":1037},"build-mcp-server","build MCP servers","This skill should be used when the user asks to \"build an MCP server\", \"create an MCP\", \"make an MCP integration\", \"wrap an API for Claude\", \"expose tools to Claude\", \"make an MCP app\", or discusses building something with the Model Context Protocol. It is the entry point for MCP server development — it interrogates the user about their use case, determines the right deployment model (remote HTTP, MCPB, local stdio), picks a tool-design pattern, and hands off to specialized skills.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1031,1032,1035,1036],{"name":1000,"slug":1001,"type":16},{"name":1033,"slug":1034,"type":16},"API Development","api-development",{"name":1018,"slug":29,"type":16},{"name":1020,"slug":30,"type":16},"2026-04-06T17:59:33.744601",{"slug":1039,"name":1039,"fn":1040,"description":1041,"org":1042,"tags":1043,"stars":23,"repoUrl":24,"updatedAt":1050},"build-mcpb","package and distribute MCP servers","This skill should be used when the user wants to \"package an MCP server\", \"bundle an MCP\", \"make an MCPB\", \"ship a local MCP server\", \"distribute a local MCP\", discusses \".mcpb files\", mentions bundling a Node or Python runtime with their MCP server, or needs an MCP server that interacts with the local filesystem, desktop apps, or OS and must be installable without the user having Node\u002FPython set up.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1044,1045,1046,1047],{"name":1000,"slug":1001,"type":16},{"name":1018,"slug":29,"type":16},{"name":1020,"slug":30,"type":16},{"name":1048,"slug":1049,"type":16},"Packaging","packaging","2026-04-06T17:59:31.159961",{"slug":1052,"name":1052,"fn":1053,"description":1054,"org":1055,"tags":1056,"stars":23,"repoUrl":24,"updatedAt":1069},"cardputer-buddy","develop MicroPython apps for Cardputer","Iterate on the Cardputer-Adv MicroPython app bundle (Claude Buddy, Snake, Hello) after the device is already provisioned via m5-onboard. Use when the user wants to add a new app, push a single changed .py without re-flashing, watch device serial logs, or run a one-shot REPL command. Trigger on \"add an app\", \"push to the cardputer\", \"tail the device\", \"run on the device\", or follow-up work after \u002Fmaker-setup.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1057,1060,1063,1066],{"name":1058,"slug":1059,"type":16},"Hardware","hardware",{"name":1061,"slug":1062,"type":16},"M5Stack","m5stack",{"name":1064,"slug":1065,"type":16},"MicroPython","micropython",{"name":1067,"slug":1068,"type":16},"Python","python","2026-05-06T05:39:00.134385",{"slug":1071,"name":1071,"fn":1072,"description":1073,"org":1074,"tags":1075,"stars":23,"repoUrl":24,"updatedAt":1081},"claude-automation-recommender","recommend Claude Code automations","Analyze a codebase and recommend Claude Code automations (hooks, subagents, skills, plugins, MCP servers). Use when user asks for automation recommendations, wants to optimize their Claude Code setup, mentions improving Claude Code workflows, asks how to first set up Claude Code for a project, or wants to know what Claude Code features they should use.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1076,1079,1080],{"name":1077,"slug":1078,"type":16},"Agent Context","agent-context",{"name":1018,"slug":29,"type":16},{"name":1020,"slug":30,"type":16},"2026-04-06T18:00:34.049624",25,{"items":1084,"total":1255},[1085,1103,1117,1129,1146,1157,1178,1194,1208,1218,1226,1239],{"slug":1086,"name":1086,"fn":1087,"description":1088,"org":1089,"tags":1090,"stars":1100,"repoUrl":1101,"updatedAt":1102},"algorithmic-art","create algorithmic art with p5.js","Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1091,1092,1095,1098],{"name":18,"slug":19,"type":16},{"name":1093,"slug":1094,"type":16},"Design","design",{"name":1096,"slug":1097,"type":16},"Generative Art","generative-art",{"name":1099,"slug":293,"type":16},"JavaScript",161831,"https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fskills","2026-04-06T17:56:15.455818",{"slug":1104,"name":1104,"fn":1105,"description":1106,"org":1107,"tags":1108,"stars":1100,"repoUrl":1101,"updatedAt":1116},"brand-guidelines","apply Anthropic brand colors and typography","Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1109,1112,1113],{"name":1110,"slug":1111,"type":16},"Branding","branding",{"name":1093,"slug":1094,"type":16},{"name":1114,"slug":1115,"type":16},"Typography","typography","2026-04-06T17:56:05.042852",{"slug":1118,"name":1118,"fn":1119,"description":1120,"org":1121,"tags":1122,"stars":1100,"repoUrl":1101,"updatedAt":1128},"canvas-design","create posters and visual art as PNG or PDF","Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1123,1124,1125],{"name":18,"slug":19,"type":16},{"name":1093,"slug":1094,"type":16},{"name":1126,"slug":1127,"type":16},"PDF","pdf","2026-04-06T17:56:03.794732",{"slug":1130,"name":1130,"fn":1131,"description":1132,"org":1133,"tags":1134,"stars":1100,"repoUrl":1101,"updatedAt":1145},"claude-api","build apps with the Claude API","Reference for the Claude API \u002F Anthropic SDK — model ids, pricing, params, streaming, tool use, MCP, agents, caching, token counting, model migration.\nTRIGGER — read BEFORE opening the target file; don't skip because it \"looks like a one-liner\" — whenever: the prompt names Claude\u002FAnthropic in any form (Claude, Anthropic, Fable, Opus, Sonnet, Haiku, `anthropic`, `@anthropic-ai`, `claude-*`, `us.anthropic.*`, `[1m]`); the user asks about an LLM (pricing\u002Fmodel choice\u002Flimits\u002Fcaching) — never answer from memory; OR the task is LLM-shaped with provider unstated (agent\u002FMCP\u002Ftool-definition\u002Fmulti-agent\u002FRAG\u002FLLM-judge\u002Fcomputer-use; generate\u002Fsummarize\u002Fextract\u002Fclassify\u002Frewrite\u002Fconverse over NL; debugging refusals\u002Fcutoffs\u002Fstreaming\u002Ftool-calls\u002Ftokens).\nSKIP only when another provider is being worked on (overrides all triggers): OpenAI\u002FGPT\u002FGemini\u002FLlama\u002FMistral\u002FCohere\u002FOllama named in the query; OR `grep -rE 'openai|langchain_openai|google.generativeai|genai|mistralai|cohere|ollama'` over the project hits (run this grep FIRST if no provider named — don't Read the file).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1135,1136,1137,1140,1142],{"name":1000,"slug":1001,"type":16},{"name":9,"slug":8,"type":16},{"name":1138,"slug":1139,"type":16},"Anthropic SDK","anthropic-sdk",{"name":1141,"slug":1130,"type":16},"Claude API",{"name":1143,"slug":1144,"type":16},"LLM","llm","2026-07-28T05:36:08.213335",{"slug":1147,"name":1147,"fn":1148,"description":1149,"org":1150,"tags":1151,"stars":1100,"repoUrl":1101,"updatedAt":1156},"doc-coauthoring","co-author documentation and technical specs","Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1152,1153],{"name":1004,"slug":1005,"type":16},{"name":1154,"slug":1155,"type":16},"Technical Writing","technical-writing","2026-04-06T17:56:14.18897",{"slug":1158,"name":1158,"fn":1159,"description":1160,"org":1161,"tags":1162,"stars":1100,"repoUrl":1101,"updatedAt":1177},"docx","create and edit Word documents","Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files) or Word templates (.dotx files). Triggers include: any mention of 'Word doc', 'word document', '.docx', '.dotx', or requests to produce professional documents with formatting like tables of contents, headings, page numbers, or letterheads. Also use when extracting or reorganizing content from .docx or .dotx files, inserting or replacing images in documents, performing find-and-replace in Word files, working with tracked changes or comments, or converting content into a polished Word document. If the user asks for a 'report', 'memo', 'letter', 'template', or similar deliverable as a Word or .docx file, use this skill. Do NOT use for PDFs, spreadsheets, Google Docs, or general coding tasks unrelated to document generation.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1163,1166,1168,1171,1174],{"name":1164,"slug":1165,"type":16},"Documents","documents",{"name":1167,"slug":1158,"type":16},"DOCX",{"name":1169,"slug":1170,"type":16},"Office","office",{"name":1172,"slug":1173,"type":16},"Templates","templates",{"name":1175,"slug":1176,"type":16},"Word","word","2026-07-18T05:16:23.136271",{"slug":1179,"name":1179,"fn":1180,"description":1181,"org":1182,"tags":1183,"stars":1100,"repoUrl":1101,"updatedAt":1193},"frontend-design","design production-grade frontend interfaces","Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1184,1185,1186,1189,1192],{"name":1093,"slug":1094,"type":16},{"name":21,"slug":22,"type":16},{"name":1187,"slug":1188,"type":16},"React","react",{"name":1190,"slug":1191,"type":16},"Tailwind CSS","tailwind-css",{"name":1022,"slug":1023,"type":16},"2026-04-06T17:56:16.723469",{"slug":1195,"name":1195,"fn":1196,"description":1197,"org":1198,"tags":1199,"stars":1100,"repoUrl":1101,"updatedAt":1207},"internal-comms","write internal company communications","A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1200,1203,1204],{"name":1201,"slug":1202,"type":16},"Communications","communications",{"name":1172,"slug":1173,"type":16},{"name":1205,"slug":1206,"type":16},"Writing","writing","2026-04-06T17:56:20.695522",{"slug":1209,"name":1209,"fn":1027,"description":1210,"org":1211,"tags":1212,"stars":1100,"repoUrl":1101,"updatedAt":1217},"mcp-builder","Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node\u002FTypeScript (MCP SDK).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1213,1214,1215,1216],{"name":1000,"slug":1001,"type":16},{"name":1033,"slug":1034,"type":16},{"name":1143,"slug":1144,"type":16},{"name":1020,"slug":30,"type":16},"2026-04-06T17:56:10.357665",{"slug":1127,"name":1127,"fn":1219,"description":1220,"org":1221,"tags":1222,"stars":1100,"repoUrl":1101,"updatedAt":1225},"read edit and manipulate PDF files","Use this skill whenever the user wants to do anything with PDF files. This includes reading or extracting text\u002Ftables from PDFs, combining or merging multiple PDFs into one, splitting PDFs apart, rotating pages, adding watermarks, creating new PDFs, filling PDF forms, encrypting\u002Fdecrypting PDFs, extracting images, and OCR on scanned PDFs to make them searchable. If the user mentions a .pdf file or asks to produce one, use this skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1223,1224],{"name":1164,"slug":1165,"type":16},{"name":1126,"slug":1127,"type":16},"2026-04-06T17:56:02.483316",{"slug":1227,"name":1227,"fn":1228,"description":1229,"org":1230,"tags":1231,"stars":1100,"repoUrl":1101,"updatedAt":1238},"pptx","create and edit PowerPoint presentations","Use this skill any time a .pptx or .potx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx or .potx file (even if the extracted content will be used elsewhere, like in an email or summary); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates (.potx), layouts, speaker notes, or comments. Trigger whenever the user mentions \"deck,\" \"slides,\" \"presentation,\" or references a .pptx or .potx filename, regardless of what they plan to do with the content afterward. If a .pptx or .potx file needs to be opened, created, or touched, use this skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1232,1235],{"name":1233,"slug":1234,"type":16},"PowerPoint","powerpoint",{"name":1236,"slug":1237,"type":16},"Presentations","presentations","2026-07-18T05:16:24.1471",{"slug":1240,"name":1240,"fn":1241,"description":1242,"org":1243,"tags":1244,"stars":1100,"repoUrl":1101,"updatedAt":1254},"skill-creator","create and optimize agent skills","Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1245,1246,1247,1250,1253],{"name":1000,"slug":1001,"type":16},{"name":1004,"slug":1005,"type":16},{"name":1248,"slug":1249,"type":16},"Evals","evals",{"name":1251,"slug":1252,"type":16},"Performance","performance",{"name":1154,"slug":1155,"type":16},"2026-04-19T06:45:40.804",490]