muapi-ui-design by samuraigpt/generative-media-skills
npx skills add https://github.com/samuraigpt/generative-media-skills --skill muapi-ui-design一项专为 AI 智能体设计的技能,用于构建高保真数字界面。 UI/UX 设计技能将产品需求转化为高保真原型、线框图和设计系统的技术设计规范。
| 创意意图 | 风格 | 布局模式 | 侧重点 |
|---|---|---|---|
| 企业级 SaaS | 现代/简洁 | 仪表板/网格 | 数据密度 |
| 消费级应用 | 玻璃拟态 | F 型布局 / 卡片式 | 视觉吸引力 |
| 电子商务 | 极简主义 | Z 型布局 / 产品网格 |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| 转化率 |
| 作品集 | 粗野主义 | 非对称 | 身份标识 |
| 工具/实用程序 | 新拟态 | 控制面板 | 触觉反馈 |
排版:科技类使用几何无衬线字体(Inter/Roboto);奢华类使用衬线字体(Playfair)。间距:8 点网格系统,确保一致的节奏性间距。颜色:高对比度无障碍配色方案(符合 WCAG 2.1 标准)。层级:基于阴影的深度与扁平设计层级。在调用脚本之前,智能体必须将用户需求扩展为设计规范:
向智能体提供功能列表和目标受众。
generate-mockup.sh 脚本利用内部设计系统知识来扩展简报。
# 设计一个金融科技移动应用
bash scripts/generate-mockup.sh \
--desc "带有价格图表的加密货币钱包主页" \
--platform mobile \
--theme dark \
--style glassmorphism
此技能将高级别的 描述 转化为 用户体验简报,该简报为 core/media/generate-image.sh 原语指定了布局模式、设计标记和美学约束。
每周安装量
87
代码仓库
GitHub 星标数
3.0K
首次出现
2026 年 2 月 26 日
安全审计
安装于
cursor86
amp86
cline86
github-copilot86
codex86
kimi-cli86
A specialized skill for AI Agents to architect high-fidelity digital interfaces. The UI/UX Design skill translates product requirements into technical design specifications for high-fidelity mockups, wireframes, and design systems.
| Creative Intent | Style | Layout Pattern | Focus |
|---|---|---|---|
| Enterprise SaaS | Modern/Clean | Dashboard/Grid | Data Density |
| Consumer App | Glassmorphism | F-Pattern / Cards | Visual Flair |
| E-commerce | Minimalist | Z-Pattern / Product Grid | Conversion |
| Portfolio | Brutalist | Asymmetric | Identity |
| Utility/Tool | Neomorphism | Control Panel | Tactile Feedback |
Typography: Geometric Sans (Inter/Roboto) for tech; Serif (Playfair) for luxury.Spacing: 8pt grid system for consistent rhythmic spacing.Color: High-contrast accessible palettes (WCAG 2.1 compliant).Elevation: Shadow-based depth vs. Flat design layers.Before calling the script, the Agent MUST expand the user's requirements into a Design Specification:
Provide the agent with a feature list and target audience.
The generate-mockup.sh script expands the brief using internal knowledge of design systems.
# Designing a Fintech Mobile App
bash scripts/generate-mockup.sh \
--desc "crypto wallet home with price charts" \
--platform mobile \
--theme dark \
--style glassmorphism
This skill translates a high-level DESCRIPTION into a UX_BRIEF that specifies layout patterns, design tokens, and aesthetic constraints for the core/media/generate-image.sh primitive.
Weekly Installs
87
Repository
GitHub Stars
3.0K
First Seen
Feb 26, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
cursor86
amp86
cline86
github-copilot86
codex86
kimi-cli86
AI Elements:基于shadcn/ui的AI原生应用组件库,快速构建对话界面
67,500 周安装