[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-jetbrains-modern-web-guidance":3,"mdc-pbli6y-key":39,"related-repo-jetbrains-modern-web-guidance":1122,"related-org-jetbrains-modern-web-guidance":1244},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":28,"repoUrl":29,"updatedAt":30,"license":31,"forks":32,"topics":33,"repo":34,"sourceUrl":37,"mdContent":38},"modern-web-guidance","retrieve modern web development best practices","Search tool for modern web development best practices. MANDATORY: Execute FIRST for all HTML\u002FCSS and clientside JS tasks. Do NOT skip — web APIs evolve rapidly and training weights contain obsolete patterns.\n\nTrigger immediately for:\n- UI\u002FLayout: Modals, dialogs, popovers, Glassmorphism\u002Fbackdrop-filters, anchor positioning, container queries, `:has()`, `:user-valid`.\n- Scroll\u002FMotion: View Transitions, Scroll-driven animations, scroll parallax\u002Freveals.\n- Performance: CWV (LCP, INP), content-visibility, Fetch Priority, image optimization.\n- System\u002FAPIs: Local filesystem access, WebUSB, WebSockets sync, WebAssembly widgets.\n- Frameworks: Adapting layout\u002Fstyles in React, Vue, Angular.\n- General Frontend: Forms, autofill, advanced inputs, custom scrollbars, modern component states, etc.\n\nDO NOT trigger for:\n- Backend: Database SQL, ORMs, Express API routes.\n- Pipelines: CI\u002FCD deployment, Docker, Actions.\n- Generic: Local scripts (Python\u002FGo tools), ESLint, Git.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},"jetbrains","JetBrains","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fjetbrains.png",[12,16,19,22,25],{"name":13,"slug":14,"type":15},"HTML","html","tag",{"name":17,"slug":18,"type":15},"JavaScript","javascript",{"name":20,"slug":21,"type":15},"Best Practices","best-practices",{"name":23,"slug":24,"type":15},"CSS","css",{"name":26,"slug":27,"type":15},"Web Development","web-development",252,"https:\u002F\u002Fgithub.com\u002FJetBrains\u002Fskills","2026-07-13T06:41:32.842866","Apache-2.0",17,[],{"repoUrl":29,"stars":28,"forks":32,"topics":35,"description":36},[],"Curated agent skills collection verified by JetBrains","https:\u002F\u002Fgithub.com\u002FJetBrains\u002Fskills\u002Ftree\u002FHEAD\u002Fmodern-web-guidance","---\nname: modern-web-guidance\ndescription: |\n  Search tool for modern web development best practices. MANDATORY: Execute FIRST for all HTML\u002FCSS and clientside JS tasks. Do NOT skip — web APIs evolve rapidly and training weights contain obsolete patterns.\n\n  Trigger immediately for:\n  - UI\u002FLayout: Modals, dialogs, popovers, Glassmorphism\u002Fbackdrop-filters, anchor positioning, container queries, `:has()`, `:user-valid`.\n  - Scroll\u002FMotion: View Transitions, Scroll-driven animations, scroll parallax\u002Freveals.\n  - Performance: CWV (LCP, INP), content-visibility, Fetch Priority, image optimization.\n  - System\u002FAPIs: Local filesystem access, WebUSB, WebSockets sync, WebAssembly widgets.\n  - Frameworks: Adapting layout\u002Fstyles in React, Vue, Angular.\n  - General Frontend: Forms, autofill, advanced inputs, custom scrollbars, modern component states, etc.\n\n  DO NOT trigger for:\n  - Backend: Database SQL, ORMs, Express API routes.\n  - Pipelines: CI\u002FCD deployment, Docker, Actions.\n  - Generic: Local scripts (Python\u002FGo tools), ESLint, Git.\nlicense: Apache-2.0\nmetadata:\n  author: Google Chrome\n  version: \"0.0.166\"\n  source: https:\u002F\u002Fgithub.com\u002FGoogleChrome\u002Fmodern-web-guidance\u002Ftree\u002Fmain\u002Fskills\u002Fmodern-web-guidance\n---\n\n# Modern Web Guidance\n\nA skill to search for specific web development use cases and retrieve their corresponding best practice guides.\n\n## When to use\n\nMust use this skill:\n- At the **start** of implementing any web feature.\n- Before creating a new component, to check if a standardized pattern already exists.\n- To avoid implementing ad-hoc solutions or loading large dependencies unnecessarily.\n\n## Usage Instructions\n\n### Step 1. Search Use Cases\n\nSearch with an action-oriented query summarizing what you want to achieve using the `search` command. Run `modern-web-guidance` directly with `npx`.\n\n```sh\nnpx -y modern-web-guidance@latest search \"\u003Cquery>\" --skill-version 2026_05_16-c5e7870\n```\n\n**Example Output**:\n```json\n[\n  {\n    \"id\": \"optimize-image-priority\",\n    \"description\": \"Optimize the loading priority of Largest Contentful Paint (LCP) candidate images.\",\n    \"category\": \"performance\",\n    \"featuresUsed\": [ \"Fetch priority\" ],\n    \"tokenCount\": 985,\n    \"similarity\": 0.7289\n  },\n  {\n    \"id\": \"defer-rendering-heavy-content\",\n    \"description\": \"Reduce rendering times in content-heavy web pages by deferring rendering for offscreen content.\",\n    \"category\": \"performance\",\n    \"featuresUsed\": [ \"content-visibility\", \"hidden=\\\"until-found\\\"\" ],\n    \"tokenCount\": 1250,\n    \"similarity\": 0.6961\n  }\n]\n```\n\n> **Note**: If search results are vague, return no matches, or show low similarity scores, run the `list` command to browse all guides:\n> ```sh\n> npx -y modern-web-guidance@latest list\n> ```\n\n---\n\n### Step 2. Retrieve Best Practices\n\nOnce you have a relevant `id` from the search results, call this script using the `retrieve` command to get the full guide. You can pass multiple IDs separated by commas.\n\n```sh\nnpx -y modern-web-guidance@latest retrieve \"\u003Cid>\"\n```\n\n\n**Example Output**:\n`The markdown content of the guide describing implementation steps...`\n\n## Using npx\n\n-   IMPORTANT: on Windows, using `npx` may fail. Use `npx.cmd ...` instead.\n-   Network access is required for fetching npm packages needed by the task.\n-   If the `npx -y modern-web-guidance…` command hangs, you may be offline. Try running again in offline\n    mode: `npx --offline …`.\n-   The `--skill-version` flag is used to determine if this SKILL.md is out of date. If it is, a warning\n    message is logged to stderr.\n\n## Guidelines\n\n-   Always search **first** to find the most relevant guides.\n-   These guides are usually framework-agnostic; adapt them correctly to your setup.\n-   Do not hallucinate guides or ignore them; they represent the preferred local standard for the user's project.\n\n\n## Interpreting Browser Support & Fallbacks\n\n* **Default Behavior**: All guides assume **Baseline Widely available** features are safe to use without fallbacks. For features that are not Baseline widely available, you **MUST** follow the fallback recommendations in the guide, unless the user has specified a custom browser support policy.\n* **Custom Policies**: If the user has already defined explicit browser support requirements, use the browser compatibility data in the guide to determine if a fallback can be safely ignored.\n  - For Baseline YYYY targets, a feature satisfies this target if its \"Baseline since\" date is \u003C= YYYY.\n  - **Policy Examples**:\n    - _\"Do not implement feature fallbacks.\"_ (for exploratory prototypes of the cutting-edge web)\n    - _\"Safari 17.4+\"_ (for internal tools targeting macOS or Tauri-based desktop apps)\n    - _\"Never recommend or implement polyfills; if a Baseline Newly Available feature is required for core functionality, provide a lightweight custom fallback or redesign the approach.\"_ (to minimize bundle size and avoid technical debt)\n    - _\"Assume a modern execution environment where Baseline Newly Available features can be used natively, provided they are strictly feature-detected and degrade gracefully.\"_ (for progressive enhancement strategies)\n* **Reactive Policy Discovery**: Watch for environmental cues to suggest documenting a policy in CLAUDE.md or AGENTS.md. Suggest this if the developer:\n  - Mentions building for a restricted runtime (e.g., Electron or Tauri).\n  - Explicitly excludes specific targets (e.g., \"we don't support Desktop Chrome\").\n  - Expresses hesitation about polyfill complexity, bundle size, or performance cost.\n  - Questions if a feature is safe to use without fallbacks.\n\n  No defined policy format. This is an example: `**Browser Support:** Allow Newly Available features, but only adopt custom fallback code that adds \u003C= 20 lines and does not require external dependencies.`\n",{"data":40,"body":45},{"name":4,"description":6,"license":31,"metadata":41},{"author":42,"version":43,"source":44},"Google Chrome","0.0.166","https:\u002F\u002Fgithub.com\u002FGoogleChrome\u002Fmodern-web-guidance\u002Ftree\u002Fmain\u002Fskills\u002Fmodern-web-guidance",{"type":46,"children":47},"root",[48,56,62,69,74,102,108,115,144,208,218,734,783,787,793,813,854,869,875,936,942,967,973,1116],{"type":49,"tag":50,"props":51,"children":52},"element","h1",{"id":4},[53],{"type":54,"value":55},"text","Modern Web Guidance",{"type":49,"tag":57,"props":58,"children":59},"p",{},[60],{"type":54,"value":61},"A skill to search for specific web development use cases and retrieve their corresponding best practice guides.",{"type":49,"tag":63,"props":64,"children":66},"h2",{"id":65},"when-to-use",[67],{"type":54,"value":68},"When to use",{"type":49,"tag":57,"props":70,"children":71},{},[72],{"type":54,"value":73},"Must use this skill:",{"type":49,"tag":75,"props":76,"children":77},"ul",{},[78,92,97],{"type":49,"tag":79,"props":80,"children":81},"li",{},[82,84,90],{"type":54,"value":83},"At the ",{"type":49,"tag":85,"props":86,"children":87},"strong",{},[88],{"type":54,"value":89},"start",{"type":54,"value":91}," of implementing any web feature.",{"type":49,"tag":79,"props":93,"children":94},{},[95],{"type":54,"value":96},"Before creating a new component, to check if a standardized pattern already exists.",{"type":49,"tag":79,"props":98,"children":99},{},[100],{"type":54,"value":101},"To avoid implementing ad-hoc solutions or loading large dependencies unnecessarily.",{"type":49,"tag":63,"props":103,"children":105},{"id":104},"usage-instructions",[106],{"type":54,"value":107},"Usage Instructions",{"type":49,"tag":109,"props":110,"children":112},"h3",{"id":111},"step-1-search-use-cases",[113],{"type":54,"value":114},"Step 1. Search Use Cases",{"type":49,"tag":57,"props":116,"children":117},{},[118,120,127,129,134,136,142],{"type":54,"value":119},"Search with an action-oriented query summarizing what you want to achieve using the ",{"type":49,"tag":121,"props":122,"children":124},"code",{"className":123},[],[125],{"type":54,"value":126},"search",{"type":54,"value":128}," command. Run ",{"type":49,"tag":121,"props":130,"children":132},{"className":131},[],[133],{"type":54,"value":4},{"type":54,"value":135}," directly with ",{"type":49,"tag":121,"props":137,"children":139},{"className":138},[],[140],{"type":54,"value":141},"npx",{"type":54,"value":143},".",{"type":49,"tag":145,"props":146,"children":151},"pre",{"className":147,"code":148,"language":149,"meta":150,"style":150},"language-sh shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx -y modern-web-guidance@latest search \"\u003Cquery>\" --skill-version 2026_05_16-c5e7870\n","sh","",[152],{"type":49,"tag":121,"props":153,"children":154},{"__ignoreMap":150},[155],{"type":49,"tag":156,"props":157,"children":160},"span",{"class":158,"line":159},"line",1,[161,166,172,177,182,188,193,198,203],{"type":49,"tag":156,"props":162,"children":164},{"style":163},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[165],{"type":54,"value":141},{"type":49,"tag":156,"props":167,"children":169},{"style":168},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[170],{"type":54,"value":171}," -y",{"type":49,"tag":156,"props":173,"children":174},{"style":168},[175],{"type":54,"value":176}," modern-web-guidance@latest",{"type":49,"tag":156,"props":178,"children":179},{"style":168},[180],{"type":54,"value":181}," search",{"type":49,"tag":156,"props":183,"children":185},{"style":184},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[186],{"type":54,"value":187}," \"",{"type":49,"tag":156,"props":189,"children":190},{"style":168},[191],{"type":54,"value":192},"\u003Cquery>",{"type":49,"tag":156,"props":194,"children":195},{"style":184},[196],{"type":54,"value":197},"\"",{"type":49,"tag":156,"props":199,"children":200},{"style":168},[201],{"type":54,"value":202}," --skill-version",{"type":49,"tag":156,"props":204,"children":205},{"style":168},[206],{"type":54,"value":207}," 2026_05_16-c5e7870\n",{"type":49,"tag":57,"props":209,"children":210},{},[211,216],{"type":49,"tag":85,"props":212,"children":213},{},[214],{"type":54,"value":215},"Example Output",{"type":54,"value":217},":",{"type":49,"tag":145,"props":219,"children":223},{"className":220,"code":221,"language":222,"meta":150,"style":150},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","[\n  {\n    \"id\": \"optimize-image-priority\",\n    \"description\": \"Optimize the loading priority of Largest Contentful Paint (LCP) candidate images.\",\n    \"category\": \"performance\",\n    \"featuresUsed\": [ \"Fetch priority\" ],\n    \"tokenCount\": 985,\n    \"similarity\": 0.7289\n  },\n  {\n    \"id\": \"defer-rendering-heavy-content\",\n    \"description\": \"Reduce rendering times in content-heavy web pages by deferring rendering for offscreen content.\",\n    \"category\": \"performance\",\n    \"featuresUsed\": [ \"content-visibility\", \"hidden=\\\"until-found\\\"\" ],\n    \"tokenCount\": 1250,\n    \"similarity\": 0.6961\n  }\n]\n","json",[224],{"type":49,"tag":121,"props":225,"children":226},{"__ignoreMap":150},[227,235,244,285,323,361,405,436,462,471,479,516,553,589,663,692,717,725],{"type":49,"tag":156,"props":228,"children":229},{"class":158,"line":159},[230],{"type":49,"tag":156,"props":231,"children":232},{"style":184},[233],{"type":54,"value":234},"[\n",{"type":49,"tag":156,"props":236,"children":238},{"class":158,"line":237},2,[239],{"type":49,"tag":156,"props":240,"children":241},{"style":184},[242],{"type":54,"value":243},"  {\n",{"type":49,"tag":156,"props":245,"children":247},{"class":158,"line":246},3,[248,253,259,263,267,271,276,280],{"type":49,"tag":156,"props":249,"children":250},{"style":184},[251],{"type":54,"value":252},"    \"",{"type":49,"tag":156,"props":254,"children":256},{"style":255},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[257],{"type":54,"value":258},"id",{"type":49,"tag":156,"props":260,"children":261},{"style":184},[262],{"type":54,"value":197},{"type":49,"tag":156,"props":264,"children":265},{"style":184},[266],{"type":54,"value":217},{"type":49,"tag":156,"props":268,"children":269},{"style":184},[270],{"type":54,"value":187},{"type":49,"tag":156,"props":272,"children":273},{"style":168},[274],{"type":54,"value":275},"optimize-image-priority",{"type":49,"tag":156,"props":277,"children":278},{"style":184},[279],{"type":54,"value":197},{"type":49,"tag":156,"props":281,"children":282},{"style":184},[283],{"type":54,"value":284},",\n",{"type":49,"tag":156,"props":286,"children":288},{"class":158,"line":287},4,[289,293,298,302,306,310,315,319],{"type":49,"tag":156,"props":290,"children":291},{"style":184},[292],{"type":54,"value":252},{"type":49,"tag":156,"props":294,"children":295},{"style":255},[296],{"type":54,"value":297},"description",{"type":49,"tag":156,"props":299,"children":300},{"style":184},[301],{"type":54,"value":197},{"type":49,"tag":156,"props":303,"children":304},{"style":184},[305],{"type":54,"value":217},{"type":49,"tag":156,"props":307,"children":308},{"style":184},[309],{"type":54,"value":187},{"type":49,"tag":156,"props":311,"children":312},{"style":168},[313],{"type":54,"value":314},"Optimize the loading priority of Largest Contentful Paint (LCP) candidate images.",{"type":49,"tag":156,"props":316,"children":317},{"style":184},[318],{"type":54,"value":197},{"type":49,"tag":156,"props":320,"children":321},{"style":184},[322],{"type":54,"value":284},{"type":49,"tag":156,"props":324,"children":326},{"class":158,"line":325},5,[327,331,336,340,344,348,353,357],{"type":49,"tag":156,"props":328,"children":329},{"style":184},[330],{"type":54,"value":252},{"type":49,"tag":156,"props":332,"children":333},{"style":255},[334],{"type":54,"value":335},"category",{"type":49,"tag":156,"props":337,"children":338},{"style":184},[339],{"type":54,"value":197},{"type":49,"tag":156,"props":341,"children":342},{"style":184},[343],{"type":54,"value":217},{"type":49,"tag":156,"props":345,"children":346},{"style":184},[347],{"type":54,"value":187},{"type":49,"tag":156,"props":349,"children":350},{"style":168},[351],{"type":54,"value":352},"performance",{"type":49,"tag":156,"props":354,"children":355},{"style":184},[356],{"type":54,"value":197},{"type":49,"tag":156,"props":358,"children":359},{"style":184},[360],{"type":54,"value":284},{"type":49,"tag":156,"props":362,"children":364},{"class":158,"line":363},6,[365,369,374,378,382,387,391,396,400],{"type":49,"tag":156,"props":366,"children":367},{"style":184},[368],{"type":54,"value":252},{"type":49,"tag":156,"props":370,"children":371},{"style":255},[372],{"type":54,"value":373},"featuresUsed",{"type":49,"tag":156,"props":375,"children":376},{"style":184},[377],{"type":54,"value":197},{"type":49,"tag":156,"props":379,"children":380},{"style":184},[381],{"type":54,"value":217},{"type":49,"tag":156,"props":383,"children":384},{"style":184},[385],{"type":54,"value":386}," [",{"type":49,"tag":156,"props":388,"children":389},{"style":184},[390],{"type":54,"value":187},{"type":49,"tag":156,"props":392,"children":393},{"style":168},[394],{"type":54,"value":395},"Fetch priority",{"type":49,"tag":156,"props":397,"children":398},{"style":184},[399],{"type":54,"value":197},{"type":49,"tag":156,"props":401,"children":402},{"style":184},[403],{"type":54,"value":404}," ],\n",{"type":49,"tag":156,"props":406,"children":408},{"class":158,"line":407},7,[409,413,418,422,426,432],{"type":49,"tag":156,"props":410,"children":411},{"style":184},[412],{"type":54,"value":252},{"type":49,"tag":156,"props":414,"children":415},{"style":255},[416],{"type":54,"value":417},"tokenCount",{"type":49,"tag":156,"props":419,"children":420},{"style":184},[421],{"type":54,"value":197},{"type":49,"tag":156,"props":423,"children":424},{"style":184},[425],{"type":54,"value":217},{"type":49,"tag":156,"props":427,"children":429},{"style":428},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[430],{"type":54,"value":431}," 985",{"type":49,"tag":156,"props":433,"children":434},{"style":184},[435],{"type":54,"value":284},{"type":49,"tag":156,"props":437,"children":439},{"class":158,"line":438},8,[440,444,449,453,457],{"type":49,"tag":156,"props":441,"children":442},{"style":184},[443],{"type":54,"value":252},{"type":49,"tag":156,"props":445,"children":446},{"style":255},[447],{"type":54,"value":448},"similarity",{"type":49,"tag":156,"props":450,"children":451},{"style":184},[452],{"type":54,"value":197},{"type":49,"tag":156,"props":454,"children":455},{"style":184},[456],{"type":54,"value":217},{"type":49,"tag":156,"props":458,"children":459},{"style":428},[460],{"type":54,"value":461}," 0.7289\n",{"type":49,"tag":156,"props":463,"children":465},{"class":158,"line":464},9,[466],{"type":49,"tag":156,"props":467,"children":468},{"style":184},[469],{"type":54,"value":470},"  },\n",{"type":49,"tag":156,"props":472,"children":474},{"class":158,"line":473},10,[475],{"type":49,"tag":156,"props":476,"children":477},{"style":184},[478],{"type":54,"value":243},{"type":49,"tag":156,"props":480,"children":482},{"class":158,"line":481},11,[483,487,491,495,499,503,508,512],{"type":49,"tag":156,"props":484,"children":485},{"style":184},[486],{"type":54,"value":252},{"type":49,"tag":156,"props":488,"children":489},{"style":255},[490],{"type":54,"value":258},{"type":49,"tag":156,"props":492,"children":493},{"style":184},[494],{"type":54,"value":197},{"type":49,"tag":156,"props":496,"children":497},{"style":184},[498],{"type":54,"value":217},{"type":49,"tag":156,"props":500,"children":501},{"style":184},[502],{"type":54,"value":187},{"type":49,"tag":156,"props":504,"children":505},{"style":168},[506],{"type":54,"value":507},"defer-rendering-heavy-content",{"type":49,"tag":156,"props":509,"children":510},{"style":184},[511],{"type":54,"value":197},{"type":49,"tag":156,"props":513,"children":514},{"style":184},[515],{"type":54,"value":284},{"type":49,"tag":156,"props":517,"children":519},{"class":158,"line":518},12,[520,524,528,532,536,540,545,549],{"type":49,"tag":156,"props":521,"children":522},{"style":184},[523],{"type":54,"value":252},{"type":49,"tag":156,"props":525,"children":526},{"style":255},[527],{"type":54,"value":297},{"type":49,"tag":156,"props":529,"children":530},{"style":184},[531],{"type":54,"value":197},{"type":49,"tag":156,"props":533,"children":534},{"style":184},[535],{"type":54,"value":217},{"type":49,"tag":156,"props":537,"children":538},{"style":184},[539],{"type":54,"value":187},{"type":49,"tag":156,"props":541,"children":542},{"style":168},[543],{"type":54,"value":544},"Reduce rendering times in content-heavy web pages by deferring rendering for offscreen content.",{"type":49,"tag":156,"props":546,"children":547},{"style":184},[548],{"type":54,"value":197},{"type":49,"tag":156,"props":550,"children":551},{"style":184},[552],{"type":54,"value":284},{"type":49,"tag":156,"props":554,"children":556},{"class":158,"line":555},13,[557,561,565,569,573,577,581,585],{"type":49,"tag":156,"props":558,"children":559},{"style":184},[560],{"type":54,"value":252},{"type":49,"tag":156,"props":562,"children":563},{"style":255},[564],{"type":54,"value":335},{"type":49,"tag":156,"props":566,"children":567},{"style":184},[568],{"type":54,"value":197},{"type":49,"tag":156,"props":570,"children":571},{"style":184},[572],{"type":54,"value":217},{"type":49,"tag":156,"props":574,"children":575},{"style":184},[576],{"type":54,"value":187},{"type":49,"tag":156,"props":578,"children":579},{"style":168},[580],{"type":54,"value":352},{"type":49,"tag":156,"props":582,"children":583},{"style":184},[584],{"type":54,"value":197},{"type":49,"tag":156,"props":586,"children":587},{"style":184},[588],{"type":54,"value":284},{"type":49,"tag":156,"props":590,"children":592},{"class":158,"line":591},14,[593,597,601,605,609,613,617,622,626,631,635,640,646,651,655,659],{"type":49,"tag":156,"props":594,"children":595},{"style":184},[596],{"type":54,"value":252},{"type":49,"tag":156,"props":598,"children":599},{"style":255},[600],{"type":54,"value":373},{"type":49,"tag":156,"props":602,"children":603},{"style":184},[604],{"type":54,"value":197},{"type":49,"tag":156,"props":606,"children":607},{"style":184},[608],{"type":54,"value":217},{"type":49,"tag":156,"props":610,"children":611},{"style":184},[612],{"type":54,"value":386},{"type":49,"tag":156,"props":614,"children":615},{"style":184},[616],{"type":54,"value":187},{"type":49,"tag":156,"props":618,"children":619},{"style":168},[620],{"type":54,"value":621},"content-visibility",{"type":49,"tag":156,"props":623,"children":624},{"style":184},[625],{"type":54,"value":197},{"type":49,"tag":156,"props":627,"children":628},{"style":184},[629],{"type":54,"value":630},",",{"type":49,"tag":156,"props":632,"children":633},{"style":184},[634],{"type":54,"value":187},{"type":49,"tag":156,"props":636,"children":637},{"style":168},[638],{"type":54,"value":639},"hidden=",{"type":49,"tag":156,"props":641,"children":643},{"style":642},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[644],{"type":54,"value":645},"\\\"",{"type":49,"tag":156,"props":647,"children":648},{"style":168},[649],{"type":54,"value":650},"until-found",{"type":49,"tag":156,"props":652,"children":653},{"style":642},[654],{"type":54,"value":645},{"type":49,"tag":156,"props":656,"children":657},{"style":184},[658],{"type":54,"value":197},{"type":49,"tag":156,"props":660,"children":661},{"style":184},[662],{"type":54,"value":404},{"type":49,"tag":156,"props":664,"children":666},{"class":158,"line":665},15,[667,671,675,679,683,688],{"type":49,"tag":156,"props":668,"children":669},{"style":184},[670],{"type":54,"value":252},{"type":49,"tag":156,"props":672,"children":673},{"style":255},[674],{"type":54,"value":417},{"type":49,"tag":156,"props":676,"children":677},{"style":184},[678],{"type":54,"value":197},{"type":49,"tag":156,"props":680,"children":681},{"style":184},[682],{"type":54,"value":217},{"type":49,"tag":156,"props":684,"children":685},{"style":428},[686],{"type":54,"value":687}," 1250",{"type":49,"tag":156,"props":689,"children":690},{"style":184},[691],{"type":54,"value":284},{"type":49,"tag":156,"props":693,"children":695},{"class":158,"line":694},16,[696,700,704,708,712],{"type":49,"tag":156,"props":697,"children":698},{"style":184},[699],{"type":54,"value":252},{"type":49,"tag":156,"props":701,"children":702},{"style":255},[703],{"type":54,"value":448},{"type":49,"tag":156,"props":705,"children":706},{"style":184},[707],{"type":54,"value":197},{"type":49,"tag":156,"props":709,"children":710},{"style":184},[711],{"type":54,"value":217},{"type":49,"tag":156,"props":713,"children":714},{"style":428},[715],{"type":54,"value":716}," 0.6961\n",{"type":49,"tag":156,"props":718,"children":719},{"class":158,"line":32},[720],{"type":49,"tag":156,"props":721,"children":722},{"style":184},[723],{"type":54,"value":724},"  }\n",{"type":49,"tag":156,"props":726,"children":728},{"class":158,"line":727},18,[729],{"type":49,"tag":156,"props":730,"children":731},{"style":184},[732],{"type":54,"value":733},"]\n",{"type":49,"tag":735,"props":736,"children":737},"blockquote",{},[738,756],{"type":49,"tag":57,"props":739,"children":740},{},[741,746,748,754],{"type":49,"tag":85,"props":742,"children":743},{},[744],{"type":54,"value":745},"Note",{"type":54,"value":747},": If search results are vague, return no matches, or show low similarity scores, run the ",{"type":49,"tag":121,"props":749,"children":751},{"className":750},[],[752],{"type":54,"value":753},"list",{"type":54,"value":755}," command to browse all guides:",{"type":49,"tag":145,"props":757,"children":759},{"className":147,"code":758,"language":149,"meta":150,"style":150},"npx -y modern-web-guidance@latest list\n",[760],{"type":49,"tag":121,"props":761,"children":762},{"__ignoreMap":150},[763],{"type":49,"tag":156,"props":764,"children":765},{"class":158,"line":159},[766,770,774,778],{"type":49,"tag":156,"props":767,"children":768},{"style":163},[769],{"type":54,"value":141},{"type":49,"tag":156,"props":771,"children":772},{"style":168},[773],{"type":54,"value":171},{"type":49,"tag":156,"props":775,"children":776},{"style":168},[777],{"type":54,"value":176},{"type":49,"tag":156,"props":779,"children":780},{"style":168},[781],{"type":54,"value":782}," list\n",{"type":49,"tag":784,"props":785,"children":786},"hr",{},[],{"type":49,"tag":109,"props":788,"children":790},{"id":789},"step-2-retrieve-best-practices",[791],{"type":54,"value":792},"Step 2. Retrieve Best Practices",{"type":49,"tag":57,"props":794,"children":795},{},[796,798,803,805,811],{"type":54,"value":797},"Once you have a relevant ",{"type":49,"tag":121,"props":799,"children":801},{"className":800},[],[802],{"type":54,"value":258},{"type":54,"value":804}," from the search results, call this script using the ",{"type":49,"tag":121,"props":806,"children":808},{"className":807},[],[809],{"type":54,"value":810},"retrieve",{"type":54,"value":812}," command to get the full guide. You can pass multiple IDs separated by commas.",{"type":49,"tag":145,"props":814,"children":816},{"className":147,"code":815,"language":149,"meta":150,"style":150},"npx -y modern-web-guidance@latest retrieve \"\u003Cid>\"\n",[817],{"type":49,"tag":121,"props":818,"children":819},{"__ignoreMap":150},[820],{"type":49,"tag":156,"props":821,"children":822},{"class":158,"line":159},[823,827,831,835,840,844,849],{"type":49,"tag":156,"props":824,"children":825},{"style":163},[826],{"type":54,"value":141},{"type":49,"tag":156,"props":828,"children":829},{"style":168},[830],{"type":54,"value":171},{"type":49,"tag":156,"props":832,"children":833},{"style":168},[834],{"type":54,"value":176},{"type":49,"tag":156,"props":836,"children":837},{"style":168},[838],{"type":54,"value":839}," retrieve",{"type":49,"tag":156,"props":841,"children":842},{"style":184},[843],{"type":54,"value":187},{"type":49,"tag":156,"props":845,"children":846},{"style":168},[847],{"type":54,"value":848},"\u003Cid>",{"type":49,"tag":156,"props":850,"children":851},{"style":184},[852],{"type":54,"value":853},"\"\n",{"type":49,"tag":57,"props":855,"children":856},{},[857,861,863],{"type":49,"tag":85,"props":858,"children":859},{},[860],{"type":54,"value":215},{"type":54,"value":862},":\n",{"type":49,"tag":121,"props":864,"children":866},{"className":865},[],[867],{"type":54,"value":868},"The markdown content of the guide describing implementation steps...",{"type":49,"tag":63,"props":870,"children":872},{"id":871},"using-npx",[873],{"type":54,"value":874},"Using npx",{"type":49,"tag":75,"props":876,"children":877},{},[878,898,903,923],{"type":49,"tag":79,"props":879,"children":880},{},[881,883,888,890,896],{"type":54,"value":882},"IMPORTANT: on Windows, using ",{"type":49,"tag":121,"props":884,"children":886},{"className":885},[],[887],{"type":54,"value":141},{"type":54,"value":889}," may fail. Use ",{"type":49,"tag":121,"props":891,"children":893},{"className":892},[],[894],{"type":54,"value":895},"npx.cmd ...",{"type":54,"value":897}," instead.",{"type":49,"tag":79,"props":899,"children":900},{},[901],{"type":54,"value":902},"Network access is required for fetching npm packages needed by the task.",{"type":49,"tag":79,"props":904,"children":905},{},[906,908,914,916,922],{"type":54,"value":907},"If the ",{"type":49,"tag":121,"props":909,"children":911},{"className":910},[],[912],{"type":54,"value":913},"npx -y modern-web-guidance…",{"type":54,"value":915}," command hangs, you may be offline. Try running again in offline\nmode: ",{"type":49,"tag":121,"props":917,"children":919},{"className":918},[],[920],{"type":54,"value":921},"npx --offline …",{"type":54,"value":143},{"type":49,"tag":79,"props":924,"children":925},{},[926,928,934],{"type":54,"value":927},"The ",{"type":49,"tag":121,"props":929,"children":931},{"className":930},[],[932],{"type":54,"value":933},"--skill-version",{"type":54,"value":935}," flag is used to determine if this SKILL.md is out of date. If it is, a warning\nmessage is logged to stderr.",{"type":49,"tag":63,"props":937,"children":939},{"id":938},"guidelines",[940],{"type":54,"value":941},"Guidelines",{"type":49,"tag":75,"props":943,"children":944},{},[945,957,962],{"type":49,"tag":79,"props":946,"children":947},{},[948,950,955],{"type":54,"value":949},"Always search ",{"type":49,"tag":85,"props":951,"children":952},{},[953],{"type":54,"value":954},"first",{"type":54,"value":956}," to find the most relevant guides.",{"type":49,"tag":79,"props":958,"children":959},{},[960],{"type":54,"value":961},"These guides are usually framework-agnostic; adapt them correctly to your setup.",{"type":49,"tag":79,"props":963,"children":964},{},[965],{"type":54,"value":966},"Do not hallucinate guides or ignore them; they represent the preferred local standard for the user's project.",{"type":49,"tag":63,"props":968,"children":970},{"id":969},"interpreting-browser-support-fallbacks",[971],{"type":54,"value":972},"Interpreting Browser Support & Fallbacks",{"type":49,"tag":75,"props":974,"children":975},{},[976,1000,1071],{"type":49,"tag":79,"props":977,"children":978},{},[979,984,986,991,993,998],{"type":49,"tag":85,"props":980,"children":981},{},[982],{"type":54,"value":983},"Default Behavior",{"type":54,"value":985},": All guides assume ",{"type":49,"tag":85,"props":987,"children":988},{},[989],{"type":54,"value":990},"Baseline Widely available",{"type":54,"value":992}," features are safe to use without fallbacks. For features that are not Baseline widely available, you ",{"type":49,"tag":85,"props":994,"children":995},{},[996],{"type":54,"value":997},"MUST",{"type":54,"value":999}," follow the fallback recommendations in the guide, unless the user has specified a custom browser support policy.",{"type":49,"tag":79,"props":1001,"children":1002},{},[1003,1008,1010],{"type":49,"tag":85,"props":1004,"children":1005},{},[1006],{"type":54,"value":1007},"Custom Policies",{"type":54,"value":1009},": If the user has already defined explicit browser support requirements, use the browser compatibility data in the guide to determine if a fallback can be safely ignored.",{"type":49,"tag":75,"props":1011,"children":1012},{},[1013,1018],{"type":49,"tag":79,"props":1014,"children":1015},{},[1016],{"type":54,"value":1017},"For Baseline YYYY targets, a feature satisfies this target if its \"Baseline since\" date is \u003C= YYYY.",{"type":49,"tag":79,"props":1019,"children":1020},{},[1021,1026,1027],{"type":49,"tag":85,"props":1022,"children":1023},{},[1024],{"type":54,"value":1025},"Policy Examples",{"type":54,"value":862},{"type":49,"tag":75,"props":1028,"children":1029},{},[1030,1041,1051,1061],{"type":49,"tag":79,"props":1031,"children":1032},{},[1033,1039],{"type":49,"tag":1034,"props":1035,"children":1036},"em",{},[1037],{"type":54,"value":1038},"\"Do not implement feature fallbacks.\"",{"type":54,"value":1040}," (for exploratory prototypes of the cutting-edge web)",{"type":49,"tag":79,"props":1042,"children":1043},{},[1044,1049],{"type":49,"tag":1034,"props":1045,"children":1046},{},[1047],{"type":54,"value":1048},"\"Safari 17.4+\"",{"type":54,"value":1050}," (for internal tools targeting macOS or Tauri-based desktop apps)",{"type":49,"tag":79,"props":1052,"children":1053},{},[1054,1059],{"type":49,"tag":1034,"props":1055,"children":1056},{},[1057],{"type":54,"value":1058},"\"Never recommend or implement polyfills; if a Baseline Newly Available feature is required for core functionality, provide a lightweight custom fallback or redesign the approach.\"",{"type":54,"value":1060}," (to minimize bundle size and avoid technical debt)",{"type":49,"tag":79,"props":1062,"children":1063},{},[1064,1069],{"type":49,"tag":1034,"props":1065,"children":1066},{},[1067],{"type":54,"value":1068},"\"Assume a modern execution environment where Baseline Newly Available features can be used natively, provided they are strictly feature-detected and degrade gracefully.\"",{"type":54,"value":1070}," (for progressive enhancement strategies)",{"type":49,"tag":79,"props":1072,"children":1073},{},[1074,1079,1081,1104,1108,1110],{"type":49,"tag":85,"props":1075,"children":1076},{},[1077],{"type":54,"value":1078},"Reactive Policy Discovery",{"type":54,"value":1080},": Watch for environmental cues to suggest documenting a policy in CLAUDE.md or AGENTS.md. Suggest this if the developer:",{"type":49,"tag":75,"props":1082,"children":1083},{},[1084,1089,1094,1099],{"type":49,"tag":79,"props":1085,"children":1086},{},[1087],{"type":54,"value":1088},"Mentions building for a restricted runtime (e.g., Electron or Tauri).",{"type":49,"tag":79,"props":1090,"children":1091},{},[1092],{"type":54,"value":1093},"Explicitly excludes specific targets (e.g., \"we don't support Desktop Chrome\").",{"type":49,"tag":79,"props":1095,"children":1096},{},[1097],{"type":54,"value":1098},"Expresses hesitation about polyfill complexity, bundle size, or performance cost.",{"type":49,"tag":79,"props":1100,"children":1101},{},[1102],{"type":54,"value":1103},"Questions if a feature is safe to use without fallbacks.",{"type":49,"tag":1105,"props":1106,"children":1107},"br",{},[],{"type":54,"value":1109},"No defined policy format. This is an example: ",{"type":49,"tag":121,"props":1111,"children":1113},{"className":1112},[],[1114],{"type":54,"value":1115},"**Browser Support:** Allow Newly Available features, but only adopt custom fallback code that adds \u003C= 20 lines and does not require external dependencies.",{"type":49,"tag":1117,"props":1118,"children":1119},"style",{},[1120],{"type":54,"value":1121},"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":1123,"total":1243},[1124,1141,1156,1172,1187,1210,1227],{"slug":1125,"name":1125,"fn":1126,"description":1127,"org":1128,"tags":1129,"stars":28,"repoUrl":29,"updatedAt":1140},"algorithmic-art","create generative 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":9},[1130,1133,1136,1139],{"name":1131,"slug":1132,"type":15},"Creative","creative",{"name":1134,"slug":1135,"type":15},"Generative Art","generative-art",{"name":1137,"slug":1138,"type":15},"Graphics","graphics",{"name":17,"slug":18,"type":15},"2026-07-13T06:41:35.540127",{"slug":1142,"name":1142,"fn":1143,"description":1144,"org":1145,"tags":1146,"stars":28,"repoUrl":29,"updatedAt":1155},"antfu","configure JavaScript projects with Anthony Fu's tools","Anthony Fu's opinionated tooling and conventions for JavaScript\u002FTypeScript projects. Use when setting up new projects, configuring ESLint\u002FPrettier alternatives, monorepos, library publishing, or when the user mentions Anthony Fu's preferences.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[1147,1148,1151,1152],{"name":20,"slug":21,"type":15},{"name":1149,"slug":1150,"type":15},"Engineering","engineering",{"name":17,"slug":18,"type":15},{"name":1153,"slug":1154,"type":15},"TypeScript","typescript","2026-07-13T06:43:13.153309",{"slug":1157,"name":1157,"fn":1158,"description":1159,"org":1160,"tags":1161,"stars":28,"repoUrl":29,"updatedAt":1171},"brand-guidelines","apply Anthropic brand guidelines","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":9},[1162,1165,1168],{"name":1163,"slug":1164,"type":15},"Branding","branding",{"name":1166,"slug":1167,"type":15},"Design","design",{"name":1169,"slug":1170,"type":15},"Typography","typography","2026-07-13T06:43:06.077629",{"slug":1173,"name":1173,"fn":1174,"description":1175,"org":1176,"tags":1177,"stars":28,"repoUrl":29,"updatedAt":1186},"canvas-design","create visual art and design assets","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":9},[1178,1179,1180,1183],{"name":1131,"slug":1132,"type":15},{"name":1166,"slug":1167,"type":15},{"name":1181,"slug":1182,"type":15},"Images","images",{"name":1184,"slug":1185,"type":15},"PDF","pdf","2026-07-13T06:39:58.803113",{"slug":1188,"name":1188,"fn":1189,"description":1190,"org":1191,"tags":1192,"stars":28,"repoUrl":29,"updatedAt":1209},"ci-cd-containerization-advisor","design CI\u002FCD pipelines for Kotlin applications","Design reproducible build, image, and deployment pipelines for Kotlin plus Spring applications, including CI verification, layered containers, rollout safety, and deployment-time migration coordination. Use when creating or improving Dockerfiles, CI workflows, image hardening, Kubernetes manifests, release gates, or deployment strategies for Spring Boot services, especially where build reproducibility and operational safety matter.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[1193,1196,1199,1202,1203,1206],{"name":1194,"slug":1195,"type":15},"CI\u002FCD","ci-cd",{"name":1197,"slug":1198,"type":15},"Containers","containers",{"name":1200,"slug":1201,"type":15},"Deployment","deployment",{"name":1149,"slug":1150,"type":15},{"name":1204,"slug":1205,"type":15},"Kotlin","kotlin",{"name":1207,"slug":1208,"type":15},"Spring","spring","2026-07-13T06:41:47.83899",{"slug":1211,"name":1211,"fn":1212,"description":1213,"org":1214,"tags":1215,"stars":28,"repoUrl":29,"updatedAt":1226},"cloudflare-deploy","deploy applications to Cloudflare","Deploy applications and infrastructure to Cloudflare using Workers, Pages, and related platform services. Use when the user asks to deploy, host, publish, or set up a project on Cloudflare.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[1216,1219,1222,1225],{"name":1217,"slug":1218,"type":15},"Cloudflare","cloudflare",{"name":1220,"slug":1221,"type":15},"Cloudflare Pages","cloudflare-pages",{"name":1223,"slug":1224,"type":15},"Cloudflare Workers","cloudflare-workers",{"name":1200,"slug":1201,"type":15},"2026-07-17T06:04:42.853896",{"slug":1228,"name":1228,"fn":1229,"description":1230,"org":1231,"tags":1232,"stars":28,"repoUrl":29,"updatedAt":1242},"compose-ui-control","interact with Compose Desktop applications","Control a running Compose Desktop application via HTTP. Use when you need to interact with UI elements, click buttons, enter text, wait for elements to appear, or capture screenshots in a Compose Desktop app that has compose-ui-test-server enabled.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[1233,1236,1239],{"name":1234,"slug":1235,"type":15},"Automation","automation",{"name":1237,"slug":1238,"type":15},"Desktop","desktop",{"name":1240,"slug":1241,"type":15},"UI Components","ui-components","2026-07-13T06:40:38.798626",128,{"items":1245,"total":1370},[1246,1262,1271,1280,1291,1301,1310,1319,1328,1338,1347,1360],{"slug":1247,"name":1247,"fn":1248,"description":1249,"org":1250,"tags":1251,"stars":1259,"repoUrl":1260,"updatedAt":1261},"mps-aspect-accessories","configure JetBrains MPS module dependencies","Wire MPS module and model dependencies, used languages, used devkits, extended languages, runtime solutions, accessory models, and language\u002Fdependency versions. Use when adding\u002Fremoving module dependencies, importing languages or devkits into a model, declaring runtime solutions, or shipping accessory content visible to consumers without explicit import.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[1252,1255,1258],{"name":1253,"slug":1254,"type":15},"Architecture","architecture",{"name":1256,"slug":1257,"type":15},"Configuration","configuration",{"name":1149,"slug":1150,"type":15},1650,"https:\u002F\u002Fgithub.com\u002FJetBrains\u002FMPS","2026-07-17T06:06:57.311661",{"slug":1263,"name":1263,"fn":1264,"description":1265,"org":1266,"tags":1267,"stars":1259,"repoUrl":1260,"updatedAt":1270},"mps-aspect-actions","define and edit MPS node factories","Use when defining or editing MPS node factories (the \"actions\" aspect) — `NodeFactories` roots, per-concept `NodeFactory` setup functions that initialize a freshly created node and optionally copy data from a replaced `sampleNode`, plus the actions aspect's `CopyPasteHandlers` and `PasteWrappers` roots. Reach for this skill when a substitution, side transform, completion replacement, or `add new initialized(...)` should preserve fields from the node it is replacing, or when defaults set in a constructor are not enough.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[1268,1269],{"name":1253,"slug":1254,"type":15},{"name":1149,"slug":1150,"type":15},"2026-07-17T06:04:48.066901",{"slug":1272,"name":1272,"fn":1273,"description":1274,"org":1275,"tags":1276,"stars":1259,"repoUrl":1260,"updatedAt":1279},"mps-aspect-behavior","define and edit MPS concept behavior","Use when defining or editing MPS `ConceptBehavior` — per-concept methods (non-virtual \u002F virtual \u002F abstract \u002F static \u002F virtual static), constructors, virtual dispatch (MRO), super and interface-default calls (`super\u003CInterface>.method`), overriding methods from `lang.core.behavior` interfaces such as `ScopeProvider.getScope` \u002F `INamedConcept.getName` \u002F `BaseConcept.getPresentation`, calling sibling methods (`LocalBehaviorMethodCall`) and behavior methods from other aspects via `node.method(...)`. Reach for this skill whenever the task involves authoring or modifying `\u003Clang>\u002FlanguageModels\u002Fbehavior.mps`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[1277,1278],{"name":1253,"slug":1254,"type":15},{"name":1149,"slug":1150,"type":15},"2026-07-13T06:45:21.757084",{"slug":1281,"name":1281,"fn":1282,"description":1283,"org":1284,"tags":1285,"stars":1259,"repoUrl":1260,"updatedAt":1290},"mps-aspect-constraints","define JetBrains MPS language constraints","Use when defining or editing MPS language constraints — property validators \u002F setters \u002F getters, referent search scopes (imperative or inherited via `ScopeProvider.getScope`), `referentSetHandler` side effects, default-scope blocks, `canBeChild` \u002F `canBeParent` \u002F `canBeAncestor` \u002F `canBeRoot` placement rules, `defaultConcreteConcept` for abstract concepts, `set \u003Cread-only>` and `{name}` aliasing, and scope helpers (`SimpleRoleScope`, `ListScope`, `CompositeScope`, `HidingByNameScope`). Reach for this skill whenever the task involves authoring or modifying `\u003Clang>\u002FlanguageModels\u002Fconstraints.mps`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[1286,1287],{"name":1253,"slug":1254,"type":15},{"name":1288,"slug":1289,"type":15},"Code Analysis","code-analysis","2026-07-23T05:41:33.639365",{"slug":1292,"name":1292,"fn":1293,"description":1294,"org":1295,"tags":1296,"stars":1259,"repoUrl":1260,"updatedAt":1300},"mps-aspect-dataflow","define and debug MPS dataflow builders","Use when defining or debugging MPS dataflow builders for a concept — control\u002Fdata flow declarations that drive reachability analysis and variable-use checking. Covers DataFlowBuilderDeclaration, BuilderBlock, emit instructions (code for, jump, ifjump, label, read, write, ret, mayBeUnreachable), positions (AfterPosition, BeforePosition, LabelPosition), the jetbrains.mps.lang.dataFlow language, the NodeParameter implicit, BL+smodel usage inside builder bodies, and IBuilderMode for advanced analyses such as nullable\u002Fnon-null tracking.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[1297],{"name":1298,"slug":1299,"type":15},"Data Analysis","data-analysis","2026-07-13T06:45:19.114674",{"slug":1302,"name":1302,"fn":1303,"description":1304,"org":1305,"tags":1306,"stars":1259,"repoUrl":1260,"updatedAt":1309},"mps-aspect-editor","define MPS editor layouts","Use when creating or changing MPS editor definitions — the overall workflow from scaffolding a `ConceptEditorDeclaration` through componentizing reusable `EditorComponentDeclaration`s, refining cell models and cell layouts, applying style sheets and indent-layout style items, wiring smart references, leveraging inheritance via super-concepts and interfaces, inspecting (`print_node_json`, `show_node_representation`) and validating (`check_root_node_problems`). Covers `jetbrains.mps.lang.editor` cell models (`CellModel_RefNode`\u002F`CellModel_RefNodeList`\u002F`CellModel_RefCell`\u002F`CellModel_Property`\u002F`CellModel_Constant`), layout choices, and JSON blueprints for common editor shapes. For the non-layout side (action maps, keymaps, transformation\u002Fsubstitute menus) use `mps-aspect-editor-menus-and-keymaps`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[1307,1308],{"name":1166,"slug":1167,"type":15},{"name":1240,"slug":1241,"type":15},"2026-07-23T05:41:56.638151",{"slug":1311,"name":1311,"fn":1312,"description":1313,"org":1314,"tags":1315,"stars":1259,"repoUrl":1260,"updatedAt":1318},"mps-aspect-editor-menus-and-keymaps","author MPS editor menus and keymaps","Use when authoring the **non-layout** parts of the MPS editor aspect — what happens when the user types, presses a key, triggers completion, pastes, or invokes a context action. Covers action maps (`CellActionMapDeclaration`), cell keymaps (`CellKeyMapDeclaration`), transformation menus (`TransformationMenu_Default` \u002F `_Named` \u002F `_Contribution`), substitute menus (`SubstituteMenu_Default` \u002F `SubstituteMenu` \u002F contributions), side transforms (LEFT\u002FRIGHT), legacy cell menus, paste wrappers and copy-paste handlers (in the actions language), completion styling, reference presentation, two-step deletion, and the editor selection API. Trigger terms: `actionMap`, `keyMap`, `delete_action_id`, `transformationMenu`, `substituteMenu`, `Ctrl+Space`, `Ctrl+Alt+B`, side transform, paste wrapper, completion styling, `PasteWrappers`, `CopyPasteHandlers`. For the **layout** side (cells, layouts, style sheets) use `mps-aspect-editor` instead.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[1316,1317],{"name":1149,"slug":1150,"type":15},{"name":1240,"slug":1241,"type":15},"2026-07-23T05:41:49.666535",{"slug":1320,"name":1320,"fn":1321,"description":1322,"org":1323,"tags":1324,"stars":1259,"repoUrl":1260,"updatedAt":1327},"mps-aspect-generation-plan","modify MPS generation plans","Use when defining or modifying an MPS generation plan — explicit ordering of generators, checkpoints for cross-model reference resolution, forks for parallel branches, IncludePlan composition, conditional PlanContribution activation, ParameterEquals\u002FConceptListSelector fork selectors, and InitModelAttributes for targetFacet routing. Apply when working with @genplan models, the jetbrains.mps.lang.generator.plan language, attaching plans via DevKits or the Custom generation facet, or debugging cross-model mapping label resolution.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[1325,1326],{"name":1253,"slug":1254,"type":15},{"name":1149,"slug":1150,"type":15},"2026-07-13T06:44:59.507855",{"slug":1329,"name":1329,"fn":1330,"description":1331,"org":1332,"tags":1333,"stars":1259,"repoUrl":1260,"updatedAt":1337},"mps-aspect-generator","define JetBrains MPS generator rules","Use when defining or modifying MPS generators — author a generator module, add or edit root\u002Freduction\u002Fweaving\u002Fpattern mapping rules, attach template macros ($COPY_SRC, $LOOP, $IF, $PROPERTY, $REF, $SWITCH, $MAP_SRC, $WEAVE, $INSERT, $LABEL, $TRACE, $VAR), wire mapping labels, build template switches, write pre\u002Fpost mapping scripts, navigate `genContext`, or debug \"rule didn't fire\", missing references, empty output, infinite reduction loops, and generated-Java compile failures.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[1334,1335,1336],{"name":1253,"slug":1254,"type":15},{"name":1288,"slug":1289,"type":15},{"name":1149,"slug":1150,"type":15},"2026-07-17T06:06:58.042999",{"slug":1339,"name":1339,"fn":1340,"description":1341,"org":1342,"tags":1343,"stars":1259,"repoUrl":1260,"updatedAt":1346},"mps-aspect-intentions","define and edit MPS intentions","Use when defining or editing MPS intentions (the Alt+Enter context-action aspect) — adding `IntentionDeclaration` roots, parameterized or surround-with variants, description\u002FisApplicable\u002Fexecute blocks, child-filter functions, factory-initialized AST splicing, or debugging why an intention is not offered. Lives in the language's `intentions` model and uses `jetbrains.mps.lang.intentions`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[1344,1345],{"name":1253,"slug":1254,"type":15},{"name":1149,"slug":1150,"type":15},"2026-07-23T05:41:48.692899",{"slug":1348,"name":1348,"fn":1349,"description":1350,"org":1351,"tags":1352,"stars":1259,"repoUrl":1260,"updatedAt":1359},"mps-aspect-migrations","author and debug MPS migration scripts","Use when authoring or debugging MPS migration scripts that upgrade user models after a language definition changes — covers jetbrains.mps.lang.migration (MigrationScript class-based, PureMigrationScript declarative, MoveConcept\u002FMoveContainmentLink\u002FMoveReferenceLink\u002FMoveProperty, ordering via OrderDependency, data exchange via putData\u002FgetData, RefactoringLog, ConceptMigrationReference) and jetbrains.mps.lang.script Enhancement Scripts (MigrationScript with MigrationScriptPart_Instance, ExtractInterfaceMigration, FactoryMigrationScriptPart, CommentMigrationScriptPart) — when a model needs version-gated upgrade, concept rename or removal, link or property rename, instance-level transformation, or composition of migration steps.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[1353,1356],{"name":1354,"slug":1355,"type":15},"Debugging","debugging",{"name":1357,"slug":1358,"type":15},"Migration","migration","2026-07-13T06:45:20.372122",{"slug":1361,"name":1361,"fn":1362,"description":1363,"org":1364,"tags":1365,"stars":1259,"repoUrl":1260,"updatedAt":1369},"mps-aspect-structure-concepts","define concepts in MPS structure aspect","Define concepts, interface concepts, enumerations, and constrained data types in an MPS language's `structure` aspect. Covers smart-reference detection, alias rules, cardinality, INamedConcept usage, bulk creation, and the full `mps_mcp_alter_structure` \u002F `mps_mcp_query_structure` reference. Use when authoring or modifying a language's structure model.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[1366],{"name":1367,"slug":1368,"type":15},"Data Modeling","data-modeling","2026-07-23T05:41:30.705975",188]