Preline MCP

Intent

Use this skill to integrate Preline UI components and blocks into HTML files via the Preline MCP server. The server exposes 6 tools that return integration-ready HTML, CSS, and JS.

Activate when:

• User says "preline", "add preline", "/preline", "use preline"
• User asks for a Tailwind CSS component from the Preline library
• User asks for a block (ready-made page section) or a starter page

Defaults

• Never guess slugs. All section, component, and category identifiers are exact kebab-case strings. Always discover them via components_list or blocks_categories first.
• One at a time. Retrieve one component or block, integrate it fully, then move to the next.
• Always read the target file before inserting anything.
• Call components_list({ section: "<inferred-slug>" }) when the component type is known - this keeps the response small. Omit section only when unsure.

Decision: Component vs Block