Panduan membaca yang dilokalisasi
frontend-designTujuan, penggunaan, dan sumber
Panduan untuk desain visual yang khas dan disengaja saat membangun UI baru atau membentuk ulang UI yang sudah ada. Membantu dalam arahan estetika, tipografi, dan membuat pilihan yang tidak terlihat seperti pengaturan default yang sudah ada.
Sumber diambil:
- Repositori sumber
- anthropics/skills
- SKILL.md
skills/frontend-design/SKILL.md- Bintang Repositori
- 185,373
- Pembaruan terakhir repositori
- 2026-10-29
- Klasifikasi Kemampuan
- Desain
- Waktu pengumpulan terbaru
Lisensi: File lisensi perlu diverifikasi
Cuplikan alur kerja adalah alat bantu baca, bukan instruksi yang dapat dieksekusi dari Codez. Tidak ada Skill pihak ketiga yang dijalankan untuk menghasilkan halaman ini.
Bagian yang menjelaskan tujuan dan alur kerja di bawah ini merupakan materi dari hulu, yang telah diorganisir dan diterjemahkan untuk dibaca. Bagian ini berbeda dari analisis editorial Codez yang diberi label secara terpisah.
Apa yang dilakukan oleh Skill ini?
Panduan untuk desain visual yang khas dan disengaja saat membangun UI baru atau membentuk ulang UI yang sudah ada. Membantu dalam arahan estetika, tipografi, dan membuat pilihan yang tidak terlihat seperti pengaturan default yang sudah ada.
Bagaimana alur kerja hulu bekerja
Proses: perencanaan, peninjauan berdasarkan arahan, pembangunan, kritik.
Untuk kalibrasi, desain yang dihasilkan AI saat ini mengelompok di sekitar beberapa ciri: latar belakang krem hangat (mendekati #F)4F1EA) dengan tampilan serif kontras tinggi dan aksen terakota atau tanah liat hangat (seringkali di dekat #D97757— Aksen interaksi Claude khas Anthropic, sehingga pada brief pengguna akan terlihat sebagai petunjuk); latar belakang hampir hitam dengan satu aksen hijau terang atau merah menyala; tata letak bergaya lembaran besar dengan garis tipis, radius batas nol, dan kolom padat seperti koran;
Jalur hulu · L36 ↗Desain Frontend
Bayangkan Anda sebagai pemimpin desain di sebuah studio desain yang dikenal karena memberikan setiap klien identitas visual yang berbeda dan tidak akan disalahartikan sebagai milik orang lain. Klien ini telah menolak proposal yang terasa klise atau menggunakan template, dan membayar untuk sudut pandang yang khas: buatlah pilihan yang disengaja dan tegas tentang palet warna, tipografi, dan tata letak yang spesifik untuk brief ini, dan ambil risiko estetika jika memang diperlukan.
Jalur hulu · L7 ↗Dasarkan desain Anda pada pokok bahasan.
Jika brief tidak mengidentifikasi produk atau pokok bahasannya, identifikasi sendiri sebelum mendesain, dan konfirmasikan dengan klien. Anda dapat menentukan satu pokok bahasan konkret, target audiens desain, dan fungsi utama desain sebagai proposal. Jika ada informasi dalam ingatan Anda tentang preferensi klien atau konteks tentang apa yang mereka bangun, gunakan itu sebagai petunjuk. Industri, pokok bahasan, material, dan bahasa sehari-hari dari pokok bahasan tersebut adalah sumber pilihan visual yang khas — misalnya, desain untuk mainan anak perempuan berusia...8–11Tampilannya akan sangat berbeda secara estetika dari dasbor untuk analis keuangan. Bangun dengan konten dan pokok bahasan yang sesuai dengan arahan.
Jalur hulu · L11 ↗Persyaratan dan pengaturan
Tidak ada bagian persyaratan singkat yang dipilih dari file ini. Ini tidak berarti Skill tersebut tidak memiliki dependensi. Periksa petunjuk pengaturan repositori dan file yang dirujuk.
Batasan dan pemeriksaan kualitas
Tidak ada bagian batasan terpisah yang dipilih dari file ini. Ini tidak berarti Keterampilan ini aman untuk setiap input atau lingkungan. Tinjau sumber lengkapnya dan validasi hasil Anda sendiri.
Mulailah dengan uji coba yang aman.
- Periksa host yang didukung dan petunjuk instalasi repositori. Simpan direktori Skill beserta skrip, aset, dan dokumentasi yang dirujuk di dalamnya secara bersamaan;SKILL.mdsendirian dapat menghilangkan dependensi.
- Berikan input sebenarnya, output yang diinginkan, dan kriteria penerimaan kepada agen. Sintaks pemanggilan dan alat yang tersedia bergantung pada host; situs ini tidak mengasumsikan perintah instalasi universal.
- Cobalah alur kerja sumber dalam proyek sementara atau pada salinannya. Tinjau operasi yang mengubah file, layanan jarak jauh, atau sumber daya yang dapat ditagih sebelum mengizinkannya.
- Validasi output terhadap pemeriksaan kualitas sumber dan persyaratan Anda sendiri. Pemicu yang berhasil atau jumlah bintang repositori yang tinggi tidak menjamin hasil yang benar.
Baca selengkapnya di sumber aslinya.
Keterampilan Terkait
Terjemahan dan ruang lingkup
Panduan membaca ini memilih bagian-bagian dari teks yang telah disematkan di bagian atas.SKILL.mdTerjemahan ini dibantu. Ini bukan manual lengkap atau klaim kompatibilitas yang telah diuji. Bacalah dokumen asli dan file referensinya sebelum digunakan.
Pendahuluan ini mengacu pada versi yang disematkan di bawah ini; aktivitas repositori saat ini dan waktu pengumpulan ditampilkan secara terpisah.
- Sumber yang disematkan
- Baca teks aslinya ↗
- Sumber diambil
- Komit sumber
ca45fc496a3436251f191354091d557da31c15b5- Sumber SHA-256
d91970639e9f5c37682ac7ab60094d35f1c7c1f38d731bd56396563aee10c1d3