HomeAgents StoreSkills StoreTeams StoreBlog
Get Start

Product

Agents StoreSkills Store

Community

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
Terms of Service|Privacy Policy

© 2026 YOLOX SYSTEM. ALL RIGHTS RESERVED.

HomeAgents StoreSkills StoreTeams StoreBlog
Get Start
Home/Skill Store/Design & Creative/penpot-uiux-design
Skill avatar

penpot-uiux-design

Design & Creative

Gives your agent the ability to create and modify professional UI/UX designs directly within Penpot using automated code.

When to use

  • When you need to design a new dashboard or landing page layout

  • When you want to build a consistent component library and tokens

  • When you need to review and improve existing designs for accessibility

How to use

  1. 1

    Connect your Penpot workspace to the agent via the MCP server

  2. 2

    Describe the UI component or page layout you want to create

  3. 3

    Review the generated design structure and visual hierarchy in your file

  4. 4

    Specify any adjustments for colors, spacing, or typography to match guidelines

Example conversation

case
You

You

I need a mobile login screen with email, password fields, and a primary button.

penpot-uiux-design

Agent

I will create a new 375x812 board in your Penpot file and build the login interface. I'll use a consistent 8px spacing scale, add labeled input fields with proper touch targets, and style the primary button for high contrast. I'll also include a flexible layout to ensure components align perfectly.

FAQ

Related Skills

View More
design-md
design-mdDesign & Creative

Gives your agent the ability to analyze technical assets from Stitch projects and synthesize them into a semantic DESIGN.md file.

api-design
api-designDeveloper Tools

Gives your agent the ability to design high-quality RESTful and GraphQL APIs following industry best practices and OpenAPI standards.

frontend-design
frontend-designDesign & Creative

Gives your agent the ability to create distinctive, production-grade frontend interfaces with high aesthetic quality and creative, non-generic code.

responsive-design
responsive-designDesign & Creative

Gives your agent the ability to implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies.

canvas-design
canvas-designDesign & Creative

Gives your agent the ability to create museum-quality visual art, posters, and designs by first establishing a deep design philosophy and then expressing it on a canvas.

Product

Agents StoreSkills Store

Community

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
Terms of Service|Privacy Policy

© 2026 YOLOX SYSTEM. ALL RIGHTS RESERVED.