·phase-3-mockup
*

phase-3-mockup

popup-studio-ai/bkit-claude-code

无需设计师即可根据 UI/UX 趋势创建模型的技能。 设计可转换为 Next.js 组件的 HTML/CSS/JS 原型。 当用户想要在实施之前验证 UI/UX 时主动使用。 触发器:模型、原型、线框、UI 设计、목업、mokkuappu、原型、 maqueta、prototipo、diseño UI、maquette、原型、conception UI、 样机、原型、UI 设计、样机、prototipo、设计 UI 请勿用于:生产代码、API 开发或现有组件修改。

21安装·2热度·@popup-studio-ai

安装

$npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-3-mockup

SKILL.md

Create trendy UI without a designer + Consider Next.js componentization

Quickly validate ideas before actual implementation. Even without a designer, research UI/UX trends to create high-quality prototypes, designed for easy conversion to Next.js components later.

| Starter | This stage may be the final deliverable | | Dynamic | For validation before next stages | | Enterprise | For quick PoC |

无需设计师即可根据 UI/UX 趋势创建模型的技能。 设计可转换为 Next.js 组件的 HTML/CSS/JS 原型。 当用户想要在实施之前验证 UI/UX 时主动使用。 触发器:模型、原型、线框、UI 设计、목업、mokkuappu、原型、 maqueta、prototipo、diseño UI、maquette、原型、conception UI、 样机、原型、UI 设计、样机、prototipo、设计 UI 请勿用于:生产代码、API 开发或现有组件修改。 来源:popup-studio-ai/bkit-claude-code。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-3-mockup
分类
*创意媒体
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 phase-3-mockup?

无需设计师即可根据 UI/UX 趋势创建模型的技能。 设计可转换为 Next.js 组件的 HTML/CSS/JS 原型。 当用户想要在实施之前验证 UI/UX 时主动使用。 触发器:模型、原型、线框、UI 设计、목업、mokkuappu、原型、 maqueta、prototipo、diseño UI、maquette、原型、conception UI、 样机、原型、UI 设计、样机、prototipo、设计 UI 请勿用于:生产代码、API 开发或现有组件修改。 来源:popup-studio-ai/bkit-claude-code。

如何安装 phase-3-mockup?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-3-mockup 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/popup-studio-ai/bkit-claude-code