Get Your AI Agent Started with PM7-UI

The quickest way to build beautiful UIs with your AI coding assistant.

Give Your AI Agent the Documentation

Copy and paste this message to your AI assistant (ChatGPT, Claude, Copilot, etc.):

We're using pm7-ui for our UI. Here's the documentation: https://raw.githubusercontent.com/patrickmast/pm7-ui/main/README-AI.md

This single link contains everything your AI needs to know about PM7-UI components, patterns, and best practices.

Have your AI run this command in your project:

npm install @pm7/core

Then import the CSS (your AI will know where to put this):

import '@pm7/core/dist/pm7.css';

Now you can ask your AI to build UI components using simple prompts:

"Add a primary button that saves the form"

"Create a card with a header 'User Profile' and show the user data inside"

"Add a dropdown menu with options: Edit, Delete, Share"

"Show a success toast notification when the save is complete"

Your AI knows all PM7-UI components and will generate the correct code for your framework!

Need your AI to work with a specific component? Give it the direct documentation:

Visit our README Links page to get copy-paste ready documentation URLs for all components. Your AI will appreciate the direct links!

Example for the Menu component:

Implement a dropdown menu using: https://raw.githubusercontent.com/patrickmast/pm7-ui/main/packages/core/src/components/menu/README.md

Make sure you've given it the documentation URL. Some AI assistants might need a reminder:

Please read this PM7-UI documentation first: https://raw.githubusercontent.com/patrickmast/pm7-ui/main/README-AI.md

Remind your AI that PM7-UI uses CSS classes, not React components:

Remember: PM7-UI uses CSS classes like pm7-button, not React components. It works with ALL frameworks.