Skip to main content

Chat skills

This page shows you how to add skills to a message in the AI chat, and what each one does.

These are the skills of the chat in the editor, which you call with /. If you work from an AI client such as Claude Code or Cursor, see Agent skills instead.

What a skill does​

A skill tells the AI what kind of work to focus on, and gives it the know-how for it. Want real images instead of placeholders? Add a skill. Need an accessible form? There's a skill for that.

Add a skill​

Type / in the message box, at the start or after a space. The skill menu opens. Type a few letters to narrow it, then pick a skill with the mouse or the arrow keys and Enter.

The skill menu opened by typing / in the message box, listing the chat's skills

The skill shows as a chip above your message. You can add several: they stack. To remove one before sending, click the cross on its chip.

A skill applies to the message you send with it. Once the message is sent, the chips go away, and your next message goes back to the agent's usual work. Add the skill again if you need it for the next message too.

Building skills​

These skills add capabilities to the AI's output.

Generate images​

The AI creates real images instead of placeholders. Describe what you want: it generates each image, adds it to your media library and places it on the page.

The skill only shows when your provider can generate images and you're allowed to upload files to the media library (Authors and above by default).

Add animations​

CSS animations, transitions and scroll-triggered reveals. The AI adds motion to your blocks from your description.

Add interactivity​

Tabs, accordions, modals, carousels, with keyboard accessibility built in. The AI builds interactive components that need no other plugin.

Make responsive​

Adapts your layout to phones, tablets and desktops. The AI adjusts spacing, font sizes and layout direction for each screen size.

Data binding​

Connects blocks to WordPress data: post title, excerpt, featured image, custom fields and loops. The AI wires up dynamic content so your templates show real data.

Add forms​

Builds accessible forms with validation: name, email, message, file upload. The AI writes the markup and handles the basics.

Audit skills​

The AI checks your page and gives you a report. Ask it to fix the issues it found and it can, but the point of an audit is to review, not to change.

Audit accessibility​

Reviews your page against WCAG 2.2 AA: missing alt text, poor color contrast, wrong heading order. The AI flags each problem and tells you how to fix it.

Audit SEO​

Reviews the heading structure, the semantic HTML and the structured data. The AI points out what could hurt your visibility in search engines.

Combine skills​

Add several skills to one message: the AI takes them all into account.

Examples:

  • Add animations + Make responsive: "Create an animated hero that works on mobile"
  • Data binding + Add interactivity: "Show the latest posts in tabs, one tab per category"
Common mistake

Each skill adds instructions to the request, which costs tokens. Add the skills the current message needs, not all of them.

Next steps​