{"product_id":"optimize-dile-components-docs-with-ai-markdown-mastery","title":"Optimize Dile Components Docs with AI: Markdown Mastery","description":"\u003ch3\u003eOptimize Dile Components Docs with AI: Markdown Mastery\u003c\/h3\u003e\n\u003cp\u003eThis AI skill is designed to streamline the creation and updating of Markdown documentation pages for the Dile Components Eleventy site, specifically targeting component, CRUD, mixins, lib, and icon pages located under the docs\/ directory. The skill assists in maintaining a standardized documentation structure by ensuring correct front matter, section order, and formatting for properties, events, methods, slots, and CSS custom properties, along with generating live HTML previews.\u003c\/p\u003e\n\n\u003ch3\u003eWhat this skill does\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eAssists in organizing and formatting documentation pages within the Eleventy site structure.\u003c\/li\u003e\n  \u003cli\u003eEnsures consistency by aligning page layout and format with shared JSON configurations and existing sibling pages.\u003c\/li\u003e\n  \u003cli\u003eFacilitates the inclusion of live HTML previews on documentation pages to demonstrate component functionalities effectively.\u003c\/li\u003e\n  \u003cli\u003eSupports the correct placement of documentation files in their respective directories based on component types and functionalities.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eWho it is for\u003c\/h3\u003e\n\u003cp\u003eThis skill is intended for developers and technical writers who are responsible for managing documentation for Dile Components. It particularly benefits those who utilize AI coding agents such as Claude Code, Cursor, and Codex to enhance productivity and ensure documentation quality.\u003c\/p\u003e\n\n\u003ch3\u003eUse cases\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eStandardizing and updating documentation for new or modified Dile Components following a recent code update.\u003c\/li\u003e\n  \u003cli\u003eEnsuring documentation pages within the Eleventy site adhere to the correct structural and content requirements.\u003c\/li\u003e\n  \u003cli\u003eAutomating the generation of live HTML previews to provide clear, interactive examples in the documentation.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eTechnical details\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eThis skill leverages AI-driven capabilities to interface with and enhance workflows in the Dile Components documentation environment.\u003c\/li\u003e\n  \u003cli\u003eIt utilizes configurations and setups specific to the Eleventy static site generator, including adherence to shared JSON data files for consistent layout and formatting.\u003c\/li\u003e\n  \u003cli\u003eThe skill is compatible with AI coding agents such as Claude Code, Cursor, and Codex, which assist in the automation and improvement of documentation processes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- mcpcart:static-blocks:start --\u003e\n\u003chr\u003e\n\u003ch3\u003eSource \u0026amp; Licence\u003c\/h3\u003e\n\u003cp\u003eThis package is built on open-source work published by \u003cstrong\u003ePolydile\u003c\/strong\u003e (\u003ca href=\"https:\/\/github.com\/Polydile\/dile-components\" rel=\"nofollow noopener\" target=\"_blank\"\u003ePolydile\/dile-components\u003c\/a\u003e) and distributed under \u003cstrong\u003eMIT\u003c\/strong\u003e. The original licence text and copyright notice are included in your download.\u003c\/p\u003e\n\u003cp\u003ePersonal and commercial use, modification and redistribution are permitted, provided the original copyright and licence notice are retained.\u003c\/p\u003e\n\u003cp\u003eYour purchase covers curation, licence verification, packaging, documentation and instant delivery. It does not grant exclusive rights to the underlying open-source code, which remains available under its original licence.\u003c\/p\u003e\n\u003ch3\u003eDelivery \u0026amp; Support\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDelivery:\u003c\/strong\u003e instant — a secure download link is emailed to you as soon as payment is confirmed.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormat:\u003c\/strong\u003e ZIP archive containing the skill files, documentation and the original licence.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSupport:\u003c\/strong\u003e \u003ca href=\"mailto:support@mcpcart.com\"\u003esupport@mcpcart.com\u003c\/a\u003e — we aim to reply within 2 business days.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUpdates:\u003c\/strong\u003e updates are included only where stated on this page.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eRefunds\u003c\/h3\u003e\n\u003cp\u003eThis is a digital product delivered immediately after purchase. By completing your order you request immediate delivery and acknowledge that, once the download has been accessed, the statutory right to cancel no longer applies to the extent permitted by law. Refund requests are handled in accordance with our published Refund Policy.\u003c\/p\u003e\n\u003cp style=\"font-size:0.85em;color:#666;\"\u003eClaude, Codex, Gemini and Cursor are trademarks of their respective owners. MCP Cart is an independent marketplace and is not affiliated with, endorsed by, or sponsored by any of them. Compatibility references describe interoperability only.\u003c\/p\u003e\n\u003c!-- mcpcart:static-blocks:end --\u003e","brand":"MCP Cart","offers":[{"title":"Default Title","offer_id":53076555465015,"sku":"MCP-POLYDILE-DILE-COMPONENTS-DILE-DOCS-PAGES","price":37.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0981\/3950\/4951\/files\/q-eYs1c82BTszv2tSavV3_5571174ebca444f0b55995511506bcc1.jpg?v=1790852604","url":"https:\/\/mcpcart.com\/products\/optimize-dile-components-docs-with-ai-markdown-mastery","provider":"SPF PRO","version":"1.0","type":"link"}