Beri agen AI Anda UI kit asli sebagai acuan desain
Hubungkan EpicPxls ke Claude Code, Cursor, atau klien MCP apa pun. Agen Anda mencari di 65.000+ aset desain, membuka layar bersih dari UI kit asli, lalu membangun dari sana.
https://www.epicpxls.com/mcp- code
Writesignup.html
+ "Use the EpicPxls MCP: find 4 different fitness app UI kits, look at their real screens, then build 4 versions…"
- search
search_items"fitness app" - image
get_item_screensfitness-mobile-app-ui-kit - image
get_item_screensfitness-app-ui-kit-e87322b1... - image
get_item_screensfitnex-mobile-app-ui-kit - image
get_item_screens69-gymtracker-modern-gym-ap...
Tugas sama. Model sama. 1 tebakan vs 4 arah dari UI kit asli.
Lihat proses lengkapnyaKenapa desain buatan AI terlihat sama semua
Minta model membuat layar tanpa acuan, dan ia membuat rata-rata dari semua yang pernah dilihatnya. Hasilnya tata letak rapi dan aman yang mirip seratus desain lain.
UI kit asli memberinya detail nyata untuk ditiru: grid tata letak, jarak, skala huruf, dan cara desainer menangani formulir. Pada proses di atas, itu mengubah satu layar generik menjadi 4 arah yang berbeda.
Cara kerjanya
Tiga langkah dari proses yang direkam. Panggilan alat dan responsnya asli, hanya dipersingkat.
Cari kit
Agen meminta EpicPxls mencari UI kit fitness yang punya layar hasil render. Ia menerima judul, harga, dan jumlah layar, lalu memilih 4 kit dengan layar terbanyak.
search_items(query: "fitness app", category: "UI Kits", with_screens: true){
"results": [
{ "title": "Fitfee - Fitness Mobile App", "price": 15, "screens": 15 },
{ "title": "69 GymTracker - Modern Gym App UI Kit", "price": 10, "screens": 10 },
{ "title": "Fitness app UI kit", "price": 24, "screens": 25 },
{ "title": "Fitnex Mobile App UI Kit", "price": 12, "screens": 25 },
{ "title": "Fitness Mobile App UI Kit", "price": 19, "screens": 25 },
... 15 more
],
"facets": { "category_title": [{ "key": "UI Kits", "doc_count": 58 }] }
}
verifiedIa mulai dari kit jadi buatan desainer, bukan dari halaman kosong.
Lihat layar asli
Untuk tiap kit, get_item_screens mengembalikan layar bersih dalam ukuran aslinya. Agen membuka layar pendaftaran, login, dan profil, lalu membaca tata letaknya langsung dari sana.
get_item_screens(slug: "fitness-mobile-app-ui-kit", limit: 8){
"item": { "title": "Fitness Mobile App UI Kit", "source_type": "figma" },
"screens_in_file": 34, "rendered": 25, "returned": 8,
"screens": [
{ "title": "Splash", "width": 375, "height": 812, "url": "(signed)", "watermarked": false },
...
{ "title": "Login v. 1", "width": 375, "height": 812, "url": "(signed)", "watermarked": false },
{ "title": "Register", "width": 375, "height": 812, "url": "(signed)", "watermarked": false }
],
"how_to_use": [
"Copy the layout, spacing and type scale. Do not copy the sample copy, logos or photos.",
...
]
}
{
"item": { "title": "Fitness Mobile App UI Kit", "source_type": "figma" },
"screens_in_file": 34, "rendered": 25, "returned": 3,
"screens": [
{ "title": "Splash", "width": 375, "height": 812 },
{ "title": "Onboarding 1", "width": 375, "height": 812 },
{ "title": "Onboarding 2", "width": 375, "height": 812 }
],
"note": "Showing 3 of 25 rendered screens. Subscribers get up to 25 per item and the editable source file: https://www.epicpxls.com/subscribe"
}
verifiedPiksel asli memberi ukuran asli. Versi 1 punya kolom input 52px dan tombol 56px karena itulah yang dipakai layar Register dan Login di kit tersebut.
Bangun dari sana
Tiap versi mengikuti tata letak, jarak, dan skala huruf satu kit, dengan teks dan ikon sendiri. Agen mencatat kit sumber di bagian atas tiap file.
Design a sign-up screen for a fitness app. Use the EpicPxls MCP: find 4 different fitness app UI kits, look at their real screens, then build 4 versions as signup-1.html to signup-4.html, each one following a different kit's layout, spacing and type scale. Each file is one self-contained HTML file. At the end, list which kit each version is based on.verifiedAnda mendapat 4 arah yang jelas berbeda untuk dipilih, masing-masing dengan tautan ke kit sumbernya.
Lihat semua panggilan alat di studi kasusHasilnya, berdampingan
Tangkapan layar selebar 390 px, persis seperti hasil tiap proses. Klik salah satu untuk membuka HTML-nya secara langsung.
Apa yang gratis dan apa yang Anda bayar
Siapa pun bisa terhubung tanpa akun. Langganan menambahkan gambar layar.
| Gratis | Pelanggan | |
|---|---|---|
Cari di katalogsearch_items | check_circleYa | check_circleYa |
Detail item, harga, dan tautanget_item | check_circleYa | check_circleYa |
Kategori, aset gratis, alat gratis, palet warnalist_categories, get_free_assets, list_free_tools, extract_palette | check_circleYa | check_circleYa |
Nama dan ukuran layarget_item_screens | 3 pertama per kit | Hingga 25 per kit |
Gambar layar (MCP)get_item_screens | closeTidak | 200 kit per bulan, hingga 25 layar per kit |
| Unduhan file sumber | closeTidak | 20 per bulan |
| Token pribadi | Tidak perlu | Hanya milik Anda |
Saat agen Anda membuka layar sebuah kit untuk pertama kali, sebagian langganan Anda diberikan kepada pembuat kit tersebut.
- check_circleMCP termasuk dalam langganan biasa. Tanpa biaya tambahan.
- check_circleBisa berhenti kapan saja.
- check_circleToken Anda bersifat pribadi dan berhenti bekerja saat langganan berakhir.
Terhubung dalam satu menit
Pilih klien Anda dan tempel cuplikannya. Pengaturan gratis tidak butuh token.
claude mcp add --transport http epicpxls https://www.epicpxls.com/mcpcodex mcp add epicpxls --url https://www.epicpxls.com/mcpnpx epicpxls login
npx epicpxls search "fitness app"
npx epicpxls screens <slug> --out ./refTanpa npm? Unduh satu file ini:curl -fsSL https://www.epicpxls.com/cli -o epicpxls && chmod +x epicpxls
~/.cursor/mcp.json{
"mcpServers": {
"epicpxls": {
"url": "https://www.epicpxls.com/mcp"
}
}
}.vscode/mcp.json{
"servers": {
"epicpxls": {
"type": "http",
"url": "https://www.epicpxls.com/mcp"
}
}
}{
"mcpServers": {
"epicpxls": {
"type": "http",
"url": "https://www.epicpxls.com/mcp"
}
}
}Pelanggan mendapat token pribadi, layar bersih berukuran penuh, dan unduhan file sumber.
Bekerja dengan Claude Code, Cursor, VS Code, Windsurf, dan klien apa pun yang mendukung MCP.
Pertanyaan
Hubungkan EpicPxls ke agen Anda
65.000+ aset desain, satu baris pengaturan.
Berlangganan untuk layar bersihJelajahi asetDapatkan 85% dan
lebih banyak dari semua penjualan
Unggah produk Anda dan letakkan mereka
untuk dijual dengan harga berapa pun yang Anda inginkan.
