首页智能体商店技能商店团队商店博客
开始使用

产品

智能体商店技能商店

社区

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
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。

首页智能体商店技能商店团队商店博客
开始使用
首页/技能商店/penpot-uiux-design
技能头像

penpot-uiux-design

设计与创意

使你的代理能够使用自动化代码直接在 Penpot 中创建和修改专业的 UI/UX 设计。

使用场景

  • 当你需要设计新的仪表板或落地页布局时

  • 当你想要构建一致的组件库和令牌(tokens)时

  • 当你需要审查并改进现有设计的可访问性时

使用方式

  1. 1

    通过 MCP 服务器将你的 Penpot 工作区连接到代理

  2. 2

    描述你想要创建的 UI 组件或页面布局

  3. 3

    在你的文件中审查生成的设计结构和视觉层级

  4. 4

    指定对颜色、间距或排版的任何调整,以符合规范

示例对话

案例
你

你

我需要一个带有电子邮件、密码字段和主要按钮的移动端登录屏幕。

penpot-uiux-design

Agent

我将在你的 Penpot 文件中创建一个新的 375x812 画板并构建登录界面。我将使用一致的 8px 间距比例,添加具有适当触摸目标的带标签输入字段,并为主要按钮设置高对比度样式。我还将包含灵活的布局,以确保组件完美对齐。

FAQ

相关 Skill

查看更多
design-md
design-md设计与创意

赋予您的智能体分析来自 Stitch 项目的技术资产并将其综合为语义化的 DESIGN.md 文件的能力。

api-design
api-design开发者工具

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

frontend-design
frontend-design设计与创意

赋予你的智能体创建独特的、生产级前端界面的能力,这些界面具有极高的审美质量和创意、非通用的代码。

responsive-design
responsive-design设计与创意

赋予您的智能体使用容器查询、流体排版、CSS Grid 和移动优先断点策略实现现代响应式布局的能力。

canvas-design
canvas-design设计与创意

通过建立深厚的设计哲学并在画布上进行表达,赋予您的智能体创建博物馆级视觉艺术、海报和设计的能力。

产品

智能体商店技能商店

社区

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
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。