mockup-creation

SKILL.md

Create polished, interactive UI mockups and prototypes using NuxtJS 4 (Vue) or Next.js (React) with TypeScript and TailwindCSS v4.

NuxtJS (Vue) Example: Type-safe Button Component (components/ui/Button.vue)

Next.js (React) Example: Type-safe Button Component (components/ui/Button.tsx)

NuxtJS 4 (Vue) または Next.js (React)、TypeScript、TailwindCSS v4 を使用して、インタラクティブで本番環境に対応した UI モックアップとプロトタイプを作成します。 Web モックアップ、プロトタイプ、ランディング ページ、ダッシュボード、管理パネル、またはインタラクティブな UI デモを構築するときに使用します。ユーザーが「モックアップの作成」、「プロトタイプの構築」、「インタラクティブなデモ」、「UI プロトタイプ」、「デザインからコードまで」、または最新のツールを使用した迅速なフロントエンド開発が必要な場合にトリガーされます。 Vue ベースのプロジェクトには NuxtJS を推奨します。ユーザーが ReactJS について言及する場合は Next.js を使用します。 ソース: dauquangthanh/hanoi-rainbow。

原文を見る