---
title: "New frontend-design skill for Agent Runners"
description: "Agent Runners now include a frontend-design skill that guides AI agents toward distinctive, production-grade UI designs instead of generic aesthetics."
source: "https://www.netlify.com/changelog/2026-04-17-frontend-design-skill-for-agent-runners/"
last_updated: "2026-07-14T03:13:48.000Z"
---
Agent Runners now include a `frontend-design` skill that guides AI agents toward creating distinctive, production-grade frontend interfaces with high design quality.

When building web components, pages, or applications, AI agents often default to generic, cookie-cutter aesthetics. The `frontend-design` skill steers agents toward creative, polished output that avoids that “AI slop” look and instead produces UIs with real visual identity and craft.

Here’s what a generated calculator component looks like without the skill:

![Calculator without frontend-design skill](/images/changelog/frontend-design-skill-without.png)

And here’s the same prompt with the `frontend-design` skill enabled:

![Calculator with frontend-design skill](/images/changelog/frontend-design-skill-with.png)

The skill is automatically available in Agent Runners and activates when the agent is asked to build web components, pages, or applications. No configuration required—just prompt your agent to build a UI and the skill handles the rest.

Learn more about [Agent Runners](https://docs.netlify.com/build/build-with-ai/agent-runners/overview/) and available skills in the Netlify docs.