[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-minimax-artifacts-builder":3,"mdc-f9yzeq-key":42,"related-repo-minimax-artifacts-builder":453,"related-org-minimax-artifacts-builder":562},{"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":37,"sourceUrl":40,"mdContent":41},"artifacts-builder","build complex React HTML artifacts","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},"minimax","MiniMax","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fminimax.jpg","MiniMax-AI",[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",2872,"https:\u002F\u002Fgithub.com\u002FMiniMax-AI\u002FMini-Agent","2026-07-13T06:17:37.887194","Complete terms in LICENSE.txt",421,[35,36,8],"agent","llm",{"repoUrl":30,"stars":29,"forks":33,"topics":38,"description":39},[35,36,8],"A minimal yet professional single agent demo project that showcases the core execution pipeline and production-grade features of agents.","https:\u002F\u002Fgithub.com\u002FMiniMax-AI\u002FMini-Agent\u002Ftree\u002FHEAD\u002Fmini_agent\u002Fskills\u002Fartifacts-builder","---\nname: 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# 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":43,"body":44},{"name":4,"description":6,"license":32},{"type":45,"children":46},"root",[47,55,61,104,115,122,127,133,140,145,221,226,273,279,291,297,302,321,334,352,362,393,399,404,410,415,420,426,447],{"type":48,"tag":49,"props":50,"children":51},"element","h1",{"id":4},[52],{"type":53,"value":54},"text","Artifacts Builder",{"type":48,"tag":56,"props":57,"children":58},"p",{},[59],{"type":53,"value":60},"To build powerful frontend claude.ai artifacts, follow these steps:",{"type":48,"tag":62,"props":63,"children":64},"ol",{},[65,78,83,94,99],{"type":48,"tag":66,"props":67,"children":68},"li",{},[69,71],{"type":53,"value":70},"Initialize the frontend repo using ",{"type":48,"tag":72,"props":73,"children":75},"code",{"className":74},[],[76],{"type":53,"value":77},"scripts\u002Finit-artifact.sh",{"type":48,"tag":66,"props":79,"children":80},{},[81],{"type":53,"value":82},"Develop your artifact by editing the generated code",{"type":48,"tag":66,"props":84,"children":85},{},[86,88],{"type":53,"value":87},"Bundle all code into a single HTML file using ",{"type":48,"tag":72,"props":89,"children":91},{"className":90},[],[92],{"type":53,"value":93},"scripts\u002Fbundle-artifact.sh",{"type":48,"tag":66,"props":95,"children":96},{},[97],{"type":53,"value":98},"Display artifact to user",{"type":48,"tag":66,"props":100,"children":101},{},[102],{"type":53,"value":103},"(Optional) Test the artifact",{"type":48,"tag":56,"props":105,"children":106},{},[107,113],{"type":48,"tag":108,"props":109,"children":110},"strong",{},[111],{"type":53,"value":112},"Stack",{"type":53,"value":114},": React 18 + TypeScript + Vite + Parcel (bundling) + Tailwind CSS + shadcn\u002Fui",{"type":48,"tag":116,"props":117,"children":119},"h2",{"id":118},"design-style-guidelines",[120],{"type":53,"value":121},"Design & Style Guidelines",{"type":48,"tag":56,"props":123,"children":124},{},[125],{"type":53,"value":126},"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":48,"tag":116,"props":128,"children":130},{"id":129},"quick-start",[131],{"type":53,"value":132},"Quick Start",{"type":48,"tag":134,"props":135,"children":137},"h3",{"id":136},"step-1-initialize-project",[138],{"type":53,"value":139},"Step 1: Initialize Project",{"type":48,"tag":56,"props":141,"children":142},{},[143],{"type":53,"value":144},"Run the initialization script to create a new React project:",{"type":48,"tag":146,"props":147,"children":152},"pre",{"className":148,"code":149,"language":150,"meta":151,"style":151},"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","",[153],{"type":48,"tag":72,"props":154,"children":155},{"__ignoreMap":151},[156,195],{"type":48,"tag":157,"props":158,"children":161},"span",{"class":159,"line":160},"line",1,[162,167,173,179,184,190],{"type":48,"tag":157,"props":163,"children":165},{"style":164},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[166],{"type":53,"value":150},{"type":48,"tag":157,"props":168,"children":170},{"style":169},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[171],{"type":53,"value":172}," scripts\u002Finit-artifact.sh",{"type":48,"tag":157,"props":174,"children":176},{"style":175},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[177],{"type":53,"value":178}," \u003C",{"type":48,"tag":157,"props":180,"children":181},{"style":169},[182],{"type":53,"value":183},"project-nam",{"type":48,"tag":157,"props":185,"children":187},{"style":186},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[188],{"type":53,"value":189},"e",{"type":48,"tag":157,"props":191,"children":192},{"style":175},[193],{"type":53,"value":194},">\n",{"type":48,"tag":157,"props":196,"children":198},{"class":159,"line":197},2,[199,205,209,213,217],{"type":48,"tag":157,"props":200,"children":202},{"style":201},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[203],{"type":53,"value":204},"cd",{"type":48,"tag":157,"props":206,"children":207},{"style":175},[208],{"type":53,"value":178},{"type":48,"tag":157,"props":210,"children":211},{"style":169},[212],{"type":53,"value":183},{"type":48,"tag":157,"props":214,"children":215},{"style":186},[216],{"type":53,"value":189},{"type":48,"tag":157,"props":218,"children":219},{"style":175},[220],{"type":53,"value":194},{"type":48,"tag":56,"props":222,"children":223},{},[224],{"type":53,"value":225},"This creates a fully configured project with:",{"type":48,"tag":227,"props":228,"children":229},"ul",{},[230,235,240,253,258,263,268],{"type":48,"tag":66,"props":231,"children":232},{},[233],{"type":53,"value":234},"✅ React + TypeScript (via Vite)",{"type":48,"tag":66,"props":236,"children":237},{},[238],{"type":53,"value":239},"✅ Tailwind CSS 3.4.1 with shadcn\u002Fui theming system",{"type":48,"tag":66,"props":241,"children":242},{},[243,245,251],{"type":53,"value":244},"✅ Path aliases (",{"type":48,"tag":72,"props":246,"children":248},{"className":247},[],[249],{"type":53,"value":250},"@\u002F",{"type":53,"value":252},") configured",{"type":48,"tag":66,"props":254,"children":255},{},[256],{"type":53,"value":257},"✅ 40+ shadcn\u002Fui components pre-installed",{"type":48,"tag":66,"props":259,"children":260},{},[261],{"type":53,"value":262},"✅ All Radix UI dependencies included",{"type":48,"tag":66,"props":264,"children":265},{},[266],{"type":53,"value":267},"✅ Parcel configured for bundling (via .parcelrc)",{"type":48,"tag":66,"props":269,"children":270},{},[271],{"type":53,"value":272},"✅ Node 18+ compatibility (auto-detects and pins Vite version)",{"type":48,"tag":134,"props":274,"children":276},{"id":275},"step-2-develop-your-artifact",[277],{"type":53,"value":278},"Step 2: Develop Your Artifact",{"type":48,"tag":56,"props":280,"children":281},{},[282,284,289],{"type":53,"value":283},"To build the artifact, edit the generated files. See ",{"type":48,"tag":108,"props":285,"children":286},{},[287],{"type":53,"value":288},"Common Development Tasks",{"type":53,"value":290}," below for guidance.",{"type":48,"tag":134,"props":292,"children":294},{"id":293},"step-3-bundle-to-single-html-file",[295],{"type":53,"value":296},"Step 3: Bundle to Single HTML File",{"type":48,"tag":56,"props":298,"children":299},{},[300],{"type":53,"value":301},"To bundle the React app into a single HTML artifact:",{"type":48,"tag":146,"props":303,"children":305},{"className":148,"code":304,"language":150,"meta":151,"style":151},"bash scripts\u002Fbundle-artifact.sh\n",[306],{"type":48,"tag":72,"props":307,"children":308},{"__ignoreMap":151},[309],{"type":48,"tag":157,"props":310,"children":311},{"class":159,"line":160},[312,316],{"type":48,"tag":157,"props":313,"children":314},{"style":164},[315],{"type":53,"value":150},{"type":48,"tag":157,"props":317,"children":318},{"style":169},[319],{"type":53,"value":320}," scripts\u002Fbundle-artifact.sh\n",{"type":48,"tag":56,"props":322,"children":323},{},[324,326,332],{"type":53,"value":325},"This creates ",{"type":48,"tag":72,"props":327,"children":329},{"className":328},[],[330],{"type":53,"value":331},"bundle.html",{"type":53,"value":333}," - a self-contained artifact with all JavaScript, CSS, and dependencies inlined. This file can be directly shared in Claude conversations as an artifact.",{"type":48,"tag":56,"props":335,"children":336},{},[337,342,344,350],{"type":48,"tag":108,"props":338,"children":339},{},[340],{"type":53,"value":341},"Requirements",{"type":53,"value":343},": Your project must have an ",{"type":48,"tag":72,"props":345,"children":347},{"className":346},[],[348],{"type":53,"value":349},"index.html",{"type":53,"value":351}," in the root directory.",{"type":48,"tag":56,"props":353,"children":354},{},[355,360],{"type":48,"tag":108,"props":356,"children":357},{},[358],{"type":53,"value":359},"What the script does",{"type":53,"value":361},":",{"type":48,"tag":227,"props":363,"children":364},{},[365,370,383,388],{"type":48,"tag":66,"props":366,"children":367},{},[368],{"type":53,"value":369},"Installs bundling dependencies (parcel, @parcel\u002Fconfig-default, parcel-resolver-tspaths, html-inline)",{"type":48,"tag":66,"props":371,"children":372},{},[373,375,381],{"type":53,"value":374},"Creates ",{"type":48,"tag":72,"props":376,"children":378},{"className":377},[],[379],{"type":53,"value":380},".parcelrc",{"type":53,"value":382}," config with path alias support",{"type":48,"tag":66,"props":384,"children":385},{},[386],{"type":53,"value":387},"Builds with Parcel (no source maps)",{"type":48,"tag":66,"props":389,"children":390},{},[391],{"type":53,"value":392},"Inlines all assets into single HTML using html-inline",{"type":48,"tag":134,"props":394,"children":396},{"id":395},"step-4-share-artifact-with-user",[397],{"type":53,"value":398},"Step 4: Share Artifact with User",{"type":48,"tag":56,"props":400,"children":401},{},[402],{"type":53,"value":403},"Finally, share the bundled HTML file in conversation with the user so they can view it as an artifact.",{"type":48,"tag":134,"props":405,"children":407},{"id":406},"step-5-testingvisualizing-the-artifact-optional",[408],{"type":53,"value":409},"Step 5: Testing\u002FVisualizing the Artifact (Optional)",{"type":48,"tag":56,"props":411,"children":412},{},[413],{"type":53,"value":414},"Note: This is a completely optional step. Only perform if necessary or requested.",{"type":48,"tag":56,"props":416,"children":417},{},[418],{"type":53,"value":419},"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":48,"tag":116,"props":421,"children":423},{"id":422},"reference",[424],{"type":53,"value":425},"Reference",{"type":48,"tag":227,"props":427,"children":428},{},[429],{"type":48,"tag":66,"props":430,"children":431},{},[432,437,439],{"type":48,"tag":108,"props":433,"children":434},{},[435],{"type":53,"value":436},"shadcn\u002Fui components",{"type":53,"value":438},": ",{"type":48,"tag":440,"props":441,"children":445},"a",{"href":442,"rel":443},"https:\u002F\u002Fui.shadcn.com\u002Fdocs\u002Fcomponents",[444],"nofollow",[446],{"type":53,"value":442},{"type":48,"tag":448,"props":449,"children":450},"style",{},[451],{"type":53,"value":452},"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":454,"total":561},[455,474,482,496,511,529,545],{"slug":456,"name":456,"fn":457,"description":458,"org":459,"tags":460,"stars":29,"repoUrl":30,"updatedAt":473},"algorithmic-art","generate 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},[461,464,467,470],{"name":462,"slug":463,"type":16},"Creative","creative",{"name":465,"slug":466,"type":16},"Design","design",{"name":468,"slug":469,"type":16},"Generative Art","generative-art",{"name":471,"slug":472,"type":16},"Graphics","graphics","2026-07-16T06:02:02.834983",{"slug":4,"name":4,"fn":5,"description":6,"org":475,"tags":476,"stars":29,"repoUrl":30,"updatedAt":31},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[477,478,479,480,481],{"name":27,"slug":28,"type":16},{"name":18,"slug":19,"type":16},{"name":14,"slug":15,"type":16},{"name":24,"slug":25,"type":16},{"name":21,"slug":22,"type":16},{"slug":483,"name":483,"fn":484,"description":485,"org":486,"tags":487,"stars":29,"repoUrl":30,"updatedAt":495},"brand-guidelines","apply brand guidelines to documents","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},[488,491,492],{"name":489,"slug":490,"type":16},"Branding","branding",{"name":465,"slug":466,"type":16},{"name":493,"slug":494,"type":16},"Typography","typography","2026-07-13T06:17:36.624966",{"slug":497,"name":497,"fn":498,"description":499,"org":500,"tags":501,"stars":29,"repoUrl":30,"updatedAt":510},"canvas-design","create visual art and design documents","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},[502,503,504,507],{"name":462,"slug":463,"type":16},{"name":465,"slug":466,"type":16},{"name":505,"slug":506,"type":16},"Images","images",{"name":508,"slug":509,"type":16},"PDF","pdf","2026-07-16T06:01:59.313156",{"slug":512,"name":512,"fn":513,"description":514,"org":515,"tags":516,"stars":29,"repoUrl":30,"updatedAt":528},"docx","create and edit Word documents","Comprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preservation, and text extraction. When Claude needs to work with professional documents (.docx files) for: (1) Creating new documents, (2) Modifying or editing content, (3) Working with tracked changes, (4) Adding comments, or any other document tasks",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[517,520,522,525],{"name":518,"slug":519,"type":16},"Documents","documents",{"name":521,"slug":512,"type":16},"DOCX",{"name":523,"slug":524,"type":16},"Office","office",{"name":526,"slug":527,"type":16},"Word","word","2026-07-13T06:17:51.582447",{"slug":530,"name":530,"fn":531,"description":532,"org":533,"tags":534,"stars":29,"repoUrl":30,"updatedAt":544},"internal-comms","draft 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},[535,538,541],{"name":536,"slug":537,"type":16},"Communications","communications",{"name":539,"slug":540,"type":16},"Operations","operations",{"name":542,"slug":543,"type":16},"Writing","writing","2026-07-13T06:17:28.861835",{"slug":546,"name":546,"fn":547,"description":548,"org":549,"tags":550,"stars":29,"repoUrl":30,"updatedAt":560},"mcp-builder","build MCP servers for external integrations","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},[551,554,557],{"name":552,"slug":553,"type":16},"Agents","agents",{"name":555,"slug":556,"type":16},"API Development","api-development",{"name":558,"slug":559,"type":16},"MCP","mcp","2026-07-13T06:17:18.339572",15,{"items":563,"total":746},[564,588,600,615,630,650,666,684,697,713,726,736],{"slug":565,"name":565,"fn":566,"description":567,"org":568,"tags":569,"stars":585,"repoUrl":586,"updatedAt":587},"android-native-dev","develop Android native applications","Android native application development and UI design guide. Covers Material Design 3, Kotlin\u002FCompose development, project configuration, accessibility, and build troubleshooting. Read this before Android native application development.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[570,573,576,579,582],{"name":571,"slug":572,"type":16},"Accessibility","accessibility",{"name":574,"slug":575,"type":16},"Android","android",{"name":577,"slug":578,"type":16},"Kotlin","kotlin",{"name":580,"slug":581,"type":16},"Mobile","mobile",{"name":583,"slug":584,"type":16},"UI Components","ui-components",13030,"https:\u002F\u002Fgithub.com\u002FMiniMax-AI\u002Fskills","2026-07-13T06:16:54.247834",{"slug":589,"name":589,"fn":590,"description":591,"org":592,"tags":593,"stars":585,"repoUrl":586,"updatedAt":599},"buddy-sings","generate singing performances for AI companions","Use when user wants their Claude Code pet (\u002Fbuddy) to sing a song. Triggers on any request that combines the concept of their Claude Code buddy, pet, or companion with singing or music. Supports multilingual triggers — match equivalent phrases in any language.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[594,595,598],{"name":552,"slug":553,"type":16},{"name":596,"slug":597,"type":16},"Audio","audio",{"name":462,"slug":463,"type":16},"2026-07-13T06:16:35.130644",{"slug":601,"name":601,"fn":602,"description":603,"org":604,"tags":605,"stars":585,"repoUrl":586,"updatedAt":614},"color-font-skill","select color palettes and font pairings","Choose presentation-ready color palettes and font pairings for PPT\u002Fdesign tasks. Use when users ask for visual theme choices, brand-safe palettes, or font recommendations. Triggers include: 配色, 色板, 字体, color palette, font, PPT配色, 字体搭配.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[606,607,610,613],{"name":465,"slug":466,"type":16},{"name":608,"slug":609,"type":16},"Presentations","presentations",{"name":611,"slug":612,"type":16},"Themes","themes",{"name":493,"slug":494,"type":16},"2026-07-13T06:17:02.785587",{"slug":616,"name":616,"fn":617,"description":618,"org":619,"tags":620,"stars":585,"repoUrl":586,"updatedAt":629},"design-style-skill","select visual design systems for presentations","Select a consistent visual design system for PPT slides using radius\u002Fspacing style recipes. Use when users ask for overall style direction or component styling consistency. Includes Sharp\u002FSoft\u002FRounded\u002FPill recipes, component mappings, typography\u002Fspacing rules, and mixing guidance. Triggers: 风格, style, radius, spacing, 圆角, 间距, PPT风格, 视觉风格, design style, component style.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[621,622,625,628],{"name":465,"slug":466,"type":16},{"name":623,"slug":624,"type":16},"Design System","design-system",{"name":626,"slug":627,"type":16},"PowerPoint","powerpoint",{"name":608,"slug":609,"type":16},"2026-07-13T06:17:10.398389",{"slug":631,"name":631,"fn":632,"description":633,"org":634,"tags":635,"stars":585,"repoUrl":586,"updatedAt":649},"flutter-dev","build cross-platform apps with Flutter","Flutter cross-platform development guide covering widget patterns, Riverpod\u002FBloc state management, GoRouter navigation, performance optimization, and platform-specific implementations. Includes const optimization, responsive layouts, testing strategies, and DevTools profiling.\nUse when: building Flutter apps, implementing state management (Riverpod\u002FBloc), setting up GoRouter navigation, creating custom widgets, optimizing performance, writing widget tests, cross-platform development.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[636,639,642,643,646],{"name":637,"slug":638,"type":16},"Dart","dart",{"name":640,"slug":641,"type":16},"Flutter","flutter",{"name":580,"slug":581,"type":16},{"name":644,"slug":645,"type":16},"Performance","performance",{"name":647,"slug":648,"type":16},"State Management","state-management","2026-07-13T06:16:36.626679",{"slug":651,"name":651,"fn":652,"description":653,"org":654,"tags":655,"stars":585,"repoUrl":586,"updatedAt":665},"frontend-dev","build visually striking frontend web pages","Full-stack frontend development combining premium UI design, cinematic animations,\nAI-generated media assets, persuasive copywriting, and visual art. Builds complete,\nvisually striking web pages with real media, advanced motion, and compelling copy.\nUse when: building landing pages, marketing sites, product pages, dashboards,\ngenerating media assets (image\u002Fvideo\u002Faudio\u002Fmusic), writing conversion copy,\ncreating generative art, or implementing cinematic scroll animations.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[656,659,660,661,662],{"name":657,"slug":658,"type":16},"Animation","animation",{"name":462,"slug":463,"type":16},{"name":465,"slug":466,"type":16},{"name":27,"slug":28,"type":16},{"name":663,"slug":664,"type":16},"Web Development","web-development","2026-07-13T06:16:39.108827",{"slug":667,"name":667,"fn":668,"description":669,"org":670,"tags":671,"stars":585,"repoUrl":586,"updatedAt":683},"fullstack-dev","build full-stack web applications","Full-stack backend architecture and frontend-backend integration guide.\nTRIGGER when: building a full-stack app, creating REST API with frontend, scaffolding backend service,\nbuilding todo app, building CRUD app, building real-time app, building chat app,\nExpress + React, Next.js API, Node.js backend, Python backend, Go backend,\ndesigning service layers, implementing error handling, managing config\u002Fauth,\nsetting up API clients, implementing auth flows, handling file uploads,\nadding real-time features (SSE\u002FWebSocket), hardening for production.\nDO NOT TRIGGER when: pure frontend UI work, pure CSS\u002Fstyling, database schema only.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[672,675,676,679,682],{"name":673,"slug":674,"type":16},"Backend","backend",{"name":27,"slug":28,"type":16},{"name":677,"slug":678,"type":16},"Full-stack","full-stack",{"name":680,"slug":681,"type":16},"REST API","rest-api",{"name":663,"slug":664,"type":16},"2026-07-13T06:16:43.219005",{"slug":685,"name":685,"fn":686,"description":687,"org":688,"tags":689,"stars":585,"repoUrl":586,"updatedAt":696},"gif-sticker-maker","create animated GIF stickers from photos","Convert photos (people, pets, objects, logos) into 4 animated GIF stickers with captions.\nUse when: user wants to create cartoon stickers, GIF expressions, emoji packs, animated avatars,\nor convert photos to Funko Pop \u002F Pop Mart blind box style animations.\nTriggers: sticker, GIF, cartoon, emoji, expression pack, avatar animation.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[690,691,692,693],{"name":657,"slug":658,"type":16},{"name":462,"slug":463,"type":16},{"name":505,"slug":506,"type":16},{"name":694,"slug":695,"type":16},"Media","media","2026-07-13T06:16:51.74461",{"slug":698,"name":698,"fn":699,"description":700,"org":701,"tags":702,"stars":585,"repoUrl":586,"updatedAt":712},"ios-application-dev","develop iOS applications with SwiftUI and UIKit","iOS application development guide covering UIKit, SnapKit, and SwiftUI. Includes touch targets, safe areas, navigation patterns, Dynamic Type, Dark Mode, accessibility, collection views, common UI components, and SwiftUI design guidelines. For detailed references on specific topics, see the reference files.\nUse when: developing iOS apps, implementing UI, reviewing iOS code, working with UIKit\u002FSnapKit\u002FSwiftUI layouts, building iPhone interfaces, Swift mobile development, Apple HIG compliance, iOS accessibility implementation.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[703,704,707,708,711],{"name":571,"slug":572,"type":16},{"name":705,"slug":706,"type":16},"iOS","ios",{"name":580,"slug":581,"type":16},{"name":709,"slug":710,"type":16},"SwiftUI","swiftui",{"name":583,"slug":584,"type":16},"2026-07-13T06:16:55.686092",{"slug":714,"name":714,"fn":715,"description":716,"org":717,"tags":718,"stars":585,"repoUrl":586,"updatedAt":725},"minimax-docx","create and edit DOCX documents","Professional DOCX document creation, editing, and formatting using OpenXML SDK (.NET). Three pipelines: (A) create new documents from scratch, (B) fill\u002Fedit content in existing documents, (C) apply template formatting with XSD validation gate-check. MUST use this skill whenever the user wants to produce, modify, or format a Word document — including when they say \"write a report\", \"draft a proposal\", \"make a contract\", \"fill in this form\", \"reformat to match this template\", or any task whose final output is a .docx file. Even if the user doesn't mention \"docx\" explicitly, if the task implies a printable\u002Fformal document, use this skill.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[719,720,721,722],{"name":518,"slug":519,"type":16},{"name":521,"slug":512,"type":16},{"name":523,"slug":524,"type":16},{"name":723,"slug":724,"type":16},"Templates","templates","2026-07-13T06:16:40.461868",{"slug":727,"name":727,"fn":728,"description":729,"org":730,"tags":731,"stars":585,"repoUrl":586,"updatedAt":735},"minimax-music-gen","generate music and audio tracks","Use when user wants to generate music, songs, or audio tracks. Triggers on any request involving music creation, song writing, lyrics generation, audio production, or covers. Also triggers when user provides lyrics and wants them turned into a song, or describes a mood\u002Fscene and wants background music. Supports multilingual triggers — match equivalent phrases in any language. Do NOT use for music playback of existing files, music theory questions, or music recommendation without generation.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[732,733,734],{"name":596,"slug":597,"type":16},{"name":462,"slug":463,"type":16},{"name":694,"slug":695,"type":16},"2026-07-13T06:16:50.381758",{"slug":737,"name":737,"fn":738,"description":739,"org":740,"tags":741,"stars":585,"repoUrl":586,"updatedAt":745},"minimax-music-playlist","generate personalized music playlists","Generate personalized music playlists by analyzing the user's music taste and generation feedback history. Triggers on any request involving playlist generation, music taste profiling, or personalized music recommendations. Supports multilingual triggers — match equivalent phrases in any language.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[742,743,744],{"name":596,"slug":597,"type":16},{"name":462,"slug":463,"type":16},{"name":694,"slug":695,"type":16},"2026-07-13T06:16:57.002997",37]