[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-anthropic-web-artifacts-builder":3,"mdc-wirkhp-key":41,"related-repo-anthropic-web-artifacts-builder":452,"related-org-anthropic-web-artifacts-builder":567},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":12,"stars":29,"repoUrl":30,"updatedAt":31,"license":32,"forks":33,"topics":34,"repo":36,"sourceUrl":39,"mdContent":40},"web-artifacts-builder","build complex web artifacts with React and shadcn\u002Fui","Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn\u002Fui). Use for complex artifacts requiring state management, routing, or shadcn\u002Fui components - not for simple single-file HTML\u002FJSX artifacts.",{"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,23,26],{"name":14,"slug":15,"type":16},"React","react","tag",{"name":18,"slug":19,"type":16},"HTML","html",{"name":21,"slug":22,"type":16},"Tailwind CSS","tailwind-css",{"name":24,"slug":25,"type":16},"shadcn\u002Fui","shadcn-ui",{"name":27,"slug":28,"type":16},"Frontend","frontend",161831,"https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fskills","2026-04-06T17:56:23.291838","Complete terms in LICENSE.txt",19131,[35],"agent-skills",{"repoUrl":30,"stars":29,"forks":33,"topics":37,"description":38},[35],"Public repository for Agent Skills","https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fskills\u002Ftree\u002FHEAD\u002Fskills\u002Fweb-artifacts-builder","---\nname: web-artifacts-builder\ndescription: Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn\u002Fui). Use for complex artifacts requiring state management, routing, or shadcn\u002Fui components - not for simple single-file HTML\u002FJSX artifacts.\nlicense: Complete terms in LICENSE.txt\n---\n\n# Web Artifacts Builder\n\nTo build powerful frontend claude.ai artifacts, follow these steps:\n1. Initialize the frontend repo using `scripts\u002Finit-artifact.sh`\n2. Develop your artifact by editing the generated code\n3. Bundle all code into a single HTML file using `scripts\u002Fbundle-artifact.sh`\n4. Display artifact to user\n5. (Optional) Test the artifact\n\n**Stack**: React 18 + TypeScript + Vite + Parcel (bundling) + Tailwind CSS + shadcn\u002Fui\n\n## Design & Style Guidelines\n\nVERY IMPORTANT: To avoid what is often referred to as \"AI slop\", avoid using excessive centered layouts, purple gradients, uniform rounded corners, and Inter font.\n\n## Quick Start\n\n### Step 1: Initialize Project\n\nRun the initialization script to create a new React project:\n```bash\nbash scripts\u002Finit-artifact.sh \u003Cproject-name>\ncd \u003Cproject-name>\n```\n\nThis creates a fully configured project with:\n- ✅ React + TypeScript (via Vite)\n- ✅ Tailwind CSS 3.4.1 with shadcn\u002Fui theming system\n- ✅ Path aliases (`@\u002F`) configured\n- ✅ 40+ shadcn\u002Fui components pre-installed\n- ✅ All Radix UI dependencies included\n- ✅ Parcel configured for bundling (via .parcelrc)\n- ✅ Node 18+ compatibility (auto-detects and pins Vite version)\n\n### Step 2: Develop Your Artifact\n\nTo build the artifact, edit the generated files. See **Common Development Tasks** below for guidance.\n\n### Step 3: Bundle to Single HTML File\n\nTo bundle the React app into a single HTML artifact:\n```bash\nbash scripts\u002Fbundle-artifact.sh\n```\n\nThis creates `bundle.html` - a self-contained artifact with all JavaScript, CSS, and dependencies inlined. This file can be directly shared in Claude conversations as an artifact.\n\n**Requirements**: Your project must have an `index.html` in the root directory.\n\n**What the script does**:\n- Installs bundling dependencies (parcel, @parcel\u002Fconfig-default, parcel-resolver-tspaths, html-inline)\n- Creates `.parcelrc` config with path alias support\n- Builds with Parcel (no source maps)\n- Inlines all assets into single HTML using html-inline\n\n### Step 4: Share Artifact with User\n\nFinally, share the bundled HTML file in conversation with the user so they can view it as an artifact.\n\n### Step 5: Testing\u002FVisualizing the Artifact (Optional)\n\nNote: This is a completely optional step. Only perform if necessary or requested.\n\nTo test\u002Fvisualize the artifact, use available tools (including other Skills or built-in tools like Playwright or Puppeteer). In general, avoid testing the artifact upfront as it adds latency between the request and when the finished artifact can be seen. Test later, after presenting the artifact, if requested or if issues arise.\n\n## Reference\n\n- **shadcn\u002Fui components**: https:\u002F\u002Fui.shadcn.com\u002Fdocs\u002Fcomponents",{"data":42,"body":43},{"name":4,"description":6,"license":32},{"type":44,"children":45},"root",[46,54,60,103,114,121,126,132,139,144,220,225,272,278,290,296,301,320,333,351,361,392,398,403,409,414,419,425,446],{"type":47,"tag":48,"props":49,"children":50},"element","h1",{"id":4},[51],{"type":52,"value":53},"text","Web Artifacts Builder",{"type":47,"tag":55,"props":56,"children":57},"p",{},[58],{"type":52,"value":59},"To build powerful frontend claude.ai artifacts, follow these steps:",{"type":47,"tag":61,"props":62,"children":63},"ol",{},[64,77,82,93,98],{"type":47,"tag":65,"props":66,"children":67},"li",{},[68,70],{"type":52,"value":69},"Initialize the frontend repo using ",{"type":47,"tag":71,"props":72,"children":74},"code",{"className":73},[],[75],{"type":52,"value":76},"scripts\u002Finit-artifact.sh",{"type":47,"tag":65,"props":78,"children":79},{},[80],{"type":52,"value":81},"Develop your artifact by editing the generated code",{"type":47,"tag":65,"props":83,"children":84},{},[85,87],{"type":52,"value":86},"Bundle all code into a single HTML file using ",{"type":47,"tag":71,"props":88,"children":90},{"className":89},[],[91],{"type":52,"value":92},"scripts\u002Fbundle-artifact.sh",{"type":47,"tag":65,"props":94,"children":95},{},[96],{"type":52,"value":97},"Display artifact to user",{"type":47,"tag":65,"props":99,"children":100},{},[101],{"type":52,"value":102},"(Optional) Test the artifact",{"type":47,"tag":55,"props":104,"children":105},{},[106,112],{"type":47,"tag":107,"props":108,"children":109},"strong",{},[110],{"type":52,"value":111},"Stack",{"type":52,"value":113},": React 18 + TypeScript + Vite + Parcel (bundling) + Tailwind CSS + shadcn\u002Fui",{"type":47,"tag":115,"props":116,"children":118},"h2",{"id":117},"design-style-guidelines",[119],{"type":52,"value":120},"Design & Style Guidelines",{"type":47,"tag":55,"props":122,"children":123},{},[124],{"type":52,"value":125},"VERY IMPORTANT: To avoid what is often referred to as \"AI slop\", avoid using excessive centered layouts, purple gradients, uniform rounded corners, and Inter font.",{"type":47,"tag":115,"props":127,"children":129},{"id":128},"quick-start",[130],{"type":52,"value":131},"Quick Start",{"type":47,"tag":133,"props":134,"children":136},"h3",{"id":135},"step-1-initialize-project",[137],{"type":52,"value":138},"Step 1: Initialize Project",{"type":47,"tag":55,"props":140,"children":141},{},[142],{"type":52,"value":143},"Run the initialization script to create a new React project:",{"type":47,"tag":145,"props":146,"children":151},"pre",{"className":147,"code":148,"language":149,"meta":150,"style":150},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","bash scripts\u002Finit-artifact.sh \u003Cproject-name>\ncd \u003Cproject-name>\n","bash","",[152],{"type":47,"tag":71,"props":153,"children":154},{"__ignoreMap":150},[155,194],{"type":47,"tag":156,"props":157,"children":160},"span",{"class":158,"line":159},"line",1,[161,166,172,178,183,189],{"type":47,"tag":156,"props":162,"children":164},{"style":163},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[165],{"type":52,"value":149},{"type":47,"tag":156,"props":167,"children":169},{"style":168},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[170],{"type":52,"value":171}," scripts\u002Finit-artifact.sh",{"type":47,"tag":156,"props":173,"children":175},{"style":174},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[176],{"type":52,"value":177}," \u003C",{"type":47,"tag":156,"props":179,"children":180},{"style":168},[181],{"type":52,"value":182},"project-nam",{"type":47,"tag":156,"props":184,"children":186},{"style":185},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[187],{"type":52,"value":188},"e",{"type":47,"tag":156,"props":190,"children":191},{"style":174},[192],{"type":52,"value":193},">\n",{"type":47,"tag":156,"props":195,"children":197},{"class":158,"line":196},2,[198,204,208,212,216],{"type":47,"tag":156,"props":199,"children":201},{"style":200},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[202],{"type":52,"value":203},"cd",{"type":47,"tag":156,"props":205,"children":206},{"style":174},[207],{"type":52,"value":177},{"type":47,"tag":156,"props":209,"children":210},{"style":168},[211],{"type":52,"value":182},{"type":47,"tag":156,"props":213,"children":214},{"style":185},[215],{"type":52,"value":188},{"type":47,"tag":156,"props":217,"children":218},{"style":174},[219],{"type":52,"value":193},{"type":47,"tag":55,"props":221,"children":222},{},[223],{"type":52,"value":224},"This creates a fully configured project with:",{"type":47,"tag":226,"props":227,"children":228},"ul",{},[229,234,239,252,257,262,267],{"type":47,"tag":65,"props":230,"children":231},{},[232],{"type":52,"value":233},"✅ React + TypeScript (via Vite)",{"type":47,"tag":65,"props":235,"children":236},{},[237],{"type":52,"value":238},"✅ Tailwind CSS 3.4.1 with shadcn\u002Fui theming system",{"type":47,"tag":65,"props":240,"children":241},{},[242,244,250],{"type":52,"value":243},"✅ Path aliases (",{"type":47,"tag":71,"props":245,"children":247},{"className":246},[],[248],{"type":52,"value":249},"@\u002F",{"type":52,"value":251},") configured",{"type":47,"tag":65,"props":253,"children":254},{},[255],{"type":52,"value":256},"✅ 40+ shadcn\u002Fui components pre-installed",{"type":47,"tag":65,"props":258,"children":259},{},[260],{"type":52,"value":261},"✅ All Radix UI dependencies included",{"type":47,"tag":65,"props":263,"children":264},{},[265],{"type":52,"value":266},"✅ Parcel configured for bundling (via .parcelrc)",{"type":47,"tag":65,"props":268,"children":269},{},[270],{"type":52,"value":271},"✅ Node 18+ compatibility (auto-detects and pins Vite version)",{"type":47,"tag":133,"props":273,"children":275},{"id":274},"step-2-develop-your-artifact",[276],{"type":52,"value":277},"Step 2: Develop Your Artifact",{"type":47,"tag":55,"props":279,"children":280},{},[281,283,288],{"type":52,"value":282},"To build the artifact, edit the generated files. See ",{"type":47,"tag":107,"props":284,"children":285},{},[286],{"type":52,"value":287},"Common Development Tasks",{"type":52,"value":289}," below for guidance.",{"type":47,"tag":133,"props":291,"children":293},{"id":292},"step-3-bundle-to-single-html-file",[294],{"type":52,"value":295},"Step 3: Bundle to Single HTML File",{"type":47,"tag":55,"props":297,"children":298},{},[299],{"type":52,"value":300},"To bundle the React app into a single HTML artifact:",{"type":47,"tag":145,"props":302,"children":304},{"className":147,"code":303,"language":149,"meta":150,"style":150},"bash scripts\u002Fbundle-artifact.sh\n",[305],{"type":47,"tag":71,"props":306,"children":307},{"__ignoreMap":150},[308],{"type":47,"tag":156,"props":309,"children":310},{"class":158,"line":159},[311,315],{"type":47,"tag":156,"props":312,"children":313},{"style":163},[314],{"type":52,"value":149},{"type":47,"tag":156,"props":316,"children":317},{"style":168},[318],{"type":52,"value":319}," scripts\u002Fbundle-artifact.sh\n",{"type":47,"tag":55,"props":321,"children":322},{},[323,325,331],{"type":52,"value":324},"This creates ",{"type":47,"tag":71,"props":326,"children":328},{"className":327},[],[329],{"type":52,"value":330},"bundle.html",{"type":52,"value":332}," - a self-contained artifact with all JavaScript, CSS, and dependencies inlined. This file can be directly shared in Claude conversations as an artifact.",{"type":47,"tag":55,"props":334,"children":335},{},[336,341,343,349],{"type":47,"tag":107,"props":337,"children":338},{},[339],{"type":52,"value":340},"Requirements",{"type":52,"value":342},": Your project must have an ",{"type":47,"tag":71,"props":344,"children":346},{"className":345},[],[347],{"type":52,"value":348},"index.html",{"type":52,"value":350}," in the root directory.",{"type":47,"tag":55,"props":352,"children":353},{},[354,359],{"type":47,"tag":107,"props":355,"children":356},{},[357],{"type":52,"value":358},"What the script does",{"type":52,"value":360},":",{"type":47,"tag":226,"props":362,"children":363},{},[364,369,382,387],{"type":47,"tag":65,"props":365,"children":366},{},[367],{"type":52,"value":368},"Installs bundling dependencies (parcel, @parcel\u002Fconfig-default, parcel-resolver-tspaths, html-inline)",{"type":47,"tag":65,"props":370,"children":371},{},[372,374,380],{"type":52,"value":373},"Creates ",{"type":47,"tag":71,"props":375,"children":377},{"className":376},[],[378],{"type":52,"value":379},".parcelrc",{"type":52,"value":381}," config with path alias support",{"type":47,"tag":65,"props":383,"children":384},{},[385],{"type":52,"value":386},"Builds with Parcel (no source maps)",{"type":47,"tag":65,"props":388,"children":389},{},[390],{"type":52,"value":391},"Inlines all assets into single HTML using html-inline",{"type":47,"tag":133,"props":393,"children":395},{"id":394},"step-4-share-artifact-with-user",[396],{"type":52,"value":397},"Step 4: Share Artifact with User",{"type":47,"tag":55,"props":399,"children":400},{},[401],{"type":52,"value":402},"Finally, share the bundled HTML file in conversation with the user so they can view it as an artifact.",{"type":47,"tag":133,"props":404,"children":406},{"id":405},"step-5-testingvisualizing-the-artifact-optional",[407],{"type":52,"value":408},"Step 5: Testing\u002FVisualizing the Artifact (Optional)",{"type":47,"tag":55,"props":410,"children":411},{},[412],{"type":52,"value":413},"Note: This is a completely optional step. Only perform if necessary or requested.",{"type":47,"tag":55,"props":415,"children":416},{},[417],{"type":52,"value":418},"To test\u002Fvisualize the artifact, use available tools (including other Skills or built-in tools like Playwright or Puppeteer). In general, avoid testing the artifact upfront as it adds latency between the request and when the finished artifact can be seen. Test later, after presenting the artifact, if requested or if issues arise.",{"type":47,"tag":115,"props":420,"children":422},{"id":421},"reference",[423],{"type":52,"value":424},"Reference",{"type":47,"tag":226,"props":426,"children":427},{},[428],{"type":47,"tag":65,"props":429,"children":430},{},[431,436,438],{"type":47,"tag":107,"props":432,"children":433},{},[434],{"type":52,"value":435},"shadcn\u002Fui components",{"type":52,"value":437},": ",{"type":47,"tag":439,"props":440,"children":444},"a",{"href":441,"rel":442},"https:\u002F\u002Fui.shadcn.com\u002Fdocs\u002Fcomponents",[443],"nofollow",[445],{"type":52,"value":441},{"type":47,"tag":447,"props":448,"children":449},"style",{},[450],{"type":52,"value":451},"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":453,"total":566},[454,473,487,499,518,531,552],{"slug":455,"name":455,"fn":456,"description":457,"org":458,"tags":459,"stars":29,"repoUrl":30,"updatedAt":472},"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},[460,463,466,469],{"name":461,"slug":462,"type":16},"Creative","creative",{"name":464,"slug":465,"type":16},"Design","design",{"name":467,"slug":468,"type":16},"Generative Art","generative-art",{"name":470,"slug":471,"type":16},"JavaScript","javascript","2026-04-06T17:56:15.455818",{"slug":474,"name":474,"fn":475,"description":476,"org":477,"tags":478,"stars":29,"repoUrl":30,"updatedAt":486},"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},[479,482,483],{"name":480,"slug":481,"type":16},"Branding","branding",{"name":464,"slug":465,"type":16},{"name":484,"slug":485,"type":16},"Typography","typography","2026-04-06T17:56:05.042852",{"slug":488,"name":488,"fn":489,"description":490,"org":491,"tags":492,"stars":29,"repoUrl":30,"updatedAt":498},"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},[493,494,495],{"name":461,"slug":462,"type":16},{"name":464,"slug":465,"type":16},{"name":496,"slug":497,"type":16},"PDF","pdf","2026-04-06T17:56:03.794732",{"slug":500,"name":500,"fn":501,"description":502,"org":503,"tags":504,"stars":29,"repoUrl":30,"updatedAt":517},"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},[505,508,509,512,514],{"name":506,"slug":507,"type":16},"Agents","agents",{"name":9,"slug":8,"type":16},{"name":510,"slug":511,"type":16},"Anthropic SDK","anthropic-sdk",{"name":513,"slug":500,"type":16},"Claude API",{"name":515,"slug":516,"type":16},"LLM","llm","2026-07-28T05:36:08.213335",{"slug":519,"name":519,"fn":520,"description":521,"org":522,"tags":523,"stars":29,"repoUrl":30,"updatedAt":530},"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},[524,527],{"name":525,"slug":526,"type":16},"Documentation","documentation",{"name":528,"slug":529,"type":16},"Technical Writing","technical-writing","2026-04-06T17:56:14.18897",{"slug":532,"name":532,"fn":533,"description":534,"org":535,"tags":536,"stars":29,"repoUrl":30,"updatedAt":551},"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},[537,540,542,545,548],{"name":538,"slug":539,"type":16},"Documents","documents",{"name":541,"slug":532,"type":16},"DOCX",{"name":543,"slug":544,"type":16},"Office","office",{"name":546,"slug":547,"type":16},"Templates","templates",{"name":549,"slug":550,"type":16},"Word","word","2026-07-18T05:16:23.136271",{"slug":553,"name":553,"fn":554,"description":555,"org":556,"tags":557,"stars":29,"repoUrl":30,"updatedAt":565},"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},[558,559,560,561,562],{"name":464,"slug":465,"type":16},{"name":27,"slug":28,"type":16},{"name":14,"slug":15,"type":16},{"name":21,"slug":22,"type":16},{"name":563,"slug":564,"type":16},"UI Components","ui-components","2026-04-06T17:56:16.723469",17,{"items":568,"total":683},[569,576,582,588,596,601,609,617,631,646,654,667],{"slug":455,"name":455,"fn":456,"description":457,"org":570,"tags":571,"stars":29,"repoUrl":30,"updatedAt":472},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[572,573,574,575],{"name":461,"slug":462,"type":16},{"name":464,"slug":465,"type":16},{"name":467,"slug":468,"type":16},{"name":470,"slug":471,"type":16},{"slug":474,"name":474,"fn":475,"description":476,"org":577,"tags":578,"stars":29,"repoUrl":30,"updatedAt":486},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[579,580,581],{"name":480,"slug":481,"type":16},{"name":464,"slug":465,"type":16},{"name":484,"slug":485,"type":16},{"slug":488,"name":488,"fn":489,"description":490,"org":583,"tags":584,"stars":29,"repoUrl":30,"updatedAt":498},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[585,586,587],{"name":461,"slug":462,"type":16},{"name":464,"slug":465,"type":16},{"name":496,"slug":497,"type":16},{"slug":500,"name":500,"fn":501,"description":502,"org":589,"tags":590,"stars":29,"repoUrl":30,"updatedAt":517},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[591,592,593,594,595],{"name":506,"slug":507,"type":16},{"name":9,"slug":8,"type":16},{"name":510,"slug":511,"type":16},{"name":513,"slug":500,"type":16},{"name":515,"slug":516,"type":16},{"slug":519,"name":519,"fn":520,"description":521,"org":597,"tags":598,"stars":29,"repoUrl":30,"updatedAt":530},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[599,600],{"name":525,"slug":526,"type":16},{"name":528,"slug":529,"type":16},{"slug":532,"name":532,"fn":533,"description":534,"org":602,"tags":603,"stars":29,"repoUrl":30,"updatedAt":551},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[604,605,606,607,608],{"name":538,"slug":539,"type":16},{"name":541,"slug":532,"type":16},{"name":543,"slug":544,"type":16},{"name":546,"slug":547,"type":16},{"name":549,"slug":550,"type":16},{"slug":553,"name":553,"fn":554,"description":555,"org":610,"tags":611,"stars":29,"repoUrl":30,"updatedAt":565},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[612,613,614,615,616],{"name":464,"slug":465,"type":16},{"name":27,"slug":28,"type":16},{"name":14,"slug":15,"type":16},{"name":21,"slug":22,"type":16},{"name":563,"slug":564,"type":16},{"slug":618,"name":618,"fn":619,"description":620,"org":621,"tags":622,"stars":29,"repoUrl":30,"updatedAt":630},"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},[623,626,627],{"name":624,"slug":625,"type":16},"Communications","communications",{"name":546,"slug":547,"type":16},{"name":628,"slug":629,"type":16},"Writing","writing","2026-04-06T17:56:20.695522",{"slug":632,"name":632,"fn":633,"description":634,"org":635,"tags":636,"stars":29,"repoUrl":30,"updatedAt":645},"mcp-builder","build MCP servers","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},[637,638,641,642],{"name":506,"slug":507,"type":16},{"name":639,"slug":640,"type":16},"API Development","api-development",{"name":515,"slug":516,"type":16},{"name":643,"slug":644,"type":16},"MCP","mcp","2026-04-06T17:56:10.357665",{"slug":497,"name":497,"fn":647,"description":648,"org":649,"tags":650,"stars":29,"repoUrl":30,"updatedAt":653},"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},[651,652],{"name":538,"slug":539,"type":16},{"name":496,"slug":497,"type":16},"2026-04-06T17:56:02.483316",{"slug":655,"name":655,"fn":656,"description":657,"org":658,"tags":659,"stars":29,"repoUrl":30,"updatedAt":666},"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},[660,663],{"name":661,"slug":662,"type":16},"PowerPoint","powerpoint",{"name":664,"slug":665,"type":16},"Presentations","presentations","2026-07-18T05:16:24.1471",{"slug":668,"name":668,"fn":669,"description":670,"org":671,"tags":672,"stars":29,"repoUrl":30,"updatedAt":682},"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},[673,674,675,678,681],{"name":506,"slug":507,"type":16},{"name":525,"slug":526,"type":16},{"name":676,"slug":677,"type":16},"Evals","evals",{"name":679,"slug":680,"type":16},"Performance","performance",{"name":528,"slug":529,"type":16},"2026-04-19T06:45:40.804",490]