image-to-code
oleh leonxlnx
Keahlian image-to-code website elit untuk Codex. Untuk tugas web yang penting secara visual, pertama-tama harus menghasilkan gambar desain sendiri, menganalisisnya secara mendalam, lalu mengimplementasikan website agar sesuai sedekat mungkin. Di Codex, harus memilih gambar yang besar, mudah dibaca, dan spesifik per bagian, bukan papan kecil yang dikompres, menghasilkan gambar baru yang mandiri untuk bagian atau tampilan detail, bukan memotong gambar lama, menghindari under-generasi yang malas, menghindari UI kartu-di-dalam-kartu-di-dalam-kartu, dan menjaga...
npx skills add https://github.com/leonxlnx/taste-skill --skill image-to-codeLebih banyak skill dari leonxlnx
design-taste-frontend
leonxlnx
Insinyur UI/UX Senior. Merancang antarmuka digital yang mengesampingkan bias bawaan LLM. Menerapkan aturan berbasis metrik, arsitektur komponen yang ketat, akselerasi perangkat keras CSS, dan rekayasa desain yang seimbang.
developmentdesigncreative
high-end-visual-design
leonxlnx
Mengajarkan AI untuk mendesain seperti agensi kelas atas. Menentukan font, jarak, bayangan, struktur kartu, dan animasi yang tepat yang membuat situs web terasa mahal. Memblokir semua pengaturan bawaan umum yang membuat desain AI terlihat murah atau generik.
designcreativedevelopment
redesign-existing-projects
leonxlnx
Meningkatkan situs web dan aplikasi yang sudah ada ke kualitas premium. Mengaudit desain saat ini, mengidentifikasi pola AI generik, dan menerapkan standar desain kelas atas tanpa merusak fungsionalitas. Bekerja dengan kerangka kerja CSS apa pun atau CSS vanilla.
designdevelopmentcode-review
minimalist-ui
leonxlnx
Antarmuka bergaya editorial yang bersih. Palet monokrom hangat, kontras tipografi, grid bento datar, pastel lembut. Tanpa gradien, tanpa bayangan tebal.
designcreativedevelopment
gpt-taste
leonxlnx
Insinyur UX/UI Elit & GSAP Motion Tingkat Lanjut. Menerapkan pengacakan sejati berbasis Python untuk variasi tata letak, struktur halaman AIDA yang ketat, tipografi editorial lebar (melarang bungkus 6 baris), grid bento tanpa celah, GSAP ScrollTriggers yang ketat (pinning, stacking, scrubbing), gambar mikro sebaris, dan jarak antar bagian yang besar.
developmentdesigncreative
brandkit
leonxlnx
Keahlian pembuatan gambar brand-kit premium untuk membuat papan panduan merek kelas atas, sistem logo, dek identitas, dan presentasi dunia visual. Dilatih untuk sistem merek minimalis, sinematik, editorial, dark-tech, mewah, budaya, keamanan, game, alat pengembang, dan aplikasi konsumen. Dioptimalkan untuk konsep logo yang disengaja, komposisi yang halus, tipografi yang jarang, makna simbolis yang kuat, mockup premium, citra yang diarahkan secara artistik, dan tata letak grid yang fleksibel.
creativedesignmarketing
imagegen-frontend-web
leonxlnx
Skill frontend gambar elit untuk menghasilkan referensi desain website premium yang sadar konversi. ATURAN OUTPUT KRITIS — buat SATU gambar horizontal terpisah UNTUK SETIAP bagian. Halaman arahan dengan 8 bagian menghasilkan 8 gambar. Jangan pernah menggabungkan beberapa bagian ke dalam satu gambar. Menerapkan variasi komposisi (tidak selalu teks kiri / gambar kanan), kebebasan gambar latar belakang, CTA bervariasi, skala hero bervariasi (raksasa / sedang / mini minimalis), tulang punggung konsep naratif, momen baca ulang, dan...
creativedesigndevelopment
full-output-enforcement
leonxlnx
Mengganti perilaku pemotongan bawaan LLM. Memastikan pembuatan kode secara lengkap, melarang pola placeholder, dan menangani pemisahan batas token dengan bersih. Terapkan pada tugas apa pun yang memerlukan keluaran lengkap tanpa pemotongan.
developmentcode-reviewtesting