ออกแบบ
Color Palette
Vifeอัปเดตเมื่อ 8 พ.ย. 2569
Turn a seed colour, logo, photo or mood into an accessible palette with tints, shades, light and dark themes and ready-to-use tokens.
ลองเลย
- Build an accessible palette from our brand colour
- Pull a colour palette from this photo of our café and make it usable for a website
- 我想要一套“安静、高级”感觉的配色,给我色板和对比度检查
รายละเอียด
- Publisher
- VIFE official
- Runtime
- Runs in a cloud sandbox
- อัปเดตล่าสุด
- 8 พ.ย. 2569
Related skills
- PresentationPlan, design and export polished, editable slide decks from an idea, an outline or a document.Vifeออกแบบ+1
ใช้ไป 28
- Landing Page BuilderBuild a polished, responsive single-file landing page with real copy, accessible markup and meta tags, previewed at desktop and mobile sizes.Vifeออกแบบ+1
ใช้ไป 0
- Brand Identity KitDefine a brand's positioning, voice, colours, type and logo, and package them as a guidelines PDF with ready-to-use design tokens.Vifeออกแบบ+1
ใช้ไป 0
- Accessibility AuditAudit a website against WCAG 2.2 AA with browser checks, keyboard and focus walks and manual review, then deliver findings with selectors and fixes.Vifeการเขียนโค้ด+1
ใช้ไป 0
- การสร้างภาพแบบกลุ่มคุณสามารถสร้างภาพจำนวนมากได้ในการรันครั้งเดียวแทนที่จะสร้างทีละภาพ — จากรายการพรอมต์ เมทริกซ์ตัวแปร (เช่น SKU สี สไตล์ ท่าทาง พื้นหลัง หรืออัตราส่วนภาพ) หรือแนวคิดเดียวที่ขยายออกเป็นรูปแบบต่าง ๆ อย่างเป็นระบบ สกิลนี้จะตรึงพารามิเตอร์ที่ไม่เปลี่ยนแปลงทั้งหมดไว้ สร้างตารางที่มีหมายเลขหนึ่งแถวต่อหนึ่งภาพ สร้างและตรวจสอบผลลัพธ์แต่ละรายการ และตั้งชื่อไฟล์แบบกำหนดได้แน่นอนเพื่อให้เรียงตามลำดับของชุดงาน คุณจะได้รับโฟลเดอร์ภาพพร้อมไฟล์ manifest ที่ระบุ id พรอมต์ แอตทริบิวต์ที่เปลี่ยนแปลง พารามิเตอร์ ชื่อไฟล์ และสถานะของแต่ละรายการ พร้อมสรุปจำนวนที่สำเร็จ การลองใหม่ และความล้มเหลวใด ๆสื่อ+2
ใช้ไป 5
- ปรับปรุงสถาปัตยกรรมของโค้ดเบสสแกนโค้ดเบสของคุณเพื่อหาความฝืดเชิงสถาปัตยกรรมและรับรายงาน HTML แบบภาพของโอกาสในการทำให้ลึกขึ้น: การรีแฟกเตอร์ที่เปลี่ยนโมดูลตื้นให้เป็นโมดูลลึกเพื่อให้ทดสอบได้ง่ายขึ้นและนำทางด้วย AI ได้ดีขึ้น การสแกนจะให้ความสำคัญกับจุดร้อนที่เพิ่งเปลี่ยนแปลง (หรือทิศทางที่คุณระบุ) อ่านอภิธานศัพท์และ ADR ของคุณ และสำรวจจุดที่การทำความเข้าใจแนวคิดหนึ่งต้องสลับไปมาระหว่างโมดูลเล็ก ๆ หลายตัว การ์ดผู้สมัครแต่ละใบจะแสดงไฟล์ที่เกี่ยวข้อง ปัญหา วิธีแก้ไขที่เสนอ ประโยชน์ในแง่ของความเป็นท้องถิ่นและอำนาจทดแทน แผนภาพก่อน/หลัง และความแข็งแกร่งของคำแนะนำ โดยปิดท้ายด้วยคำแนะนำอันดับต้น เลือกหนึ่งรายการแล้วเอเจนต์จะพาคุณเดินผ่านแผนผังการตัดสินใจ
mattpocockการเขียนโค้ด+1318.2k ดาว
- การสร้างต้นแบบแบบใช้แล้วทิ้งคุณจะได้ต้นแบบที่สร้างอย่างรวดเร็วและใช้แล้วทิ้ง เพื่อตอบคำถามด้านการออกแบบเพียงข้อเดียว หากคุณไม่แน่ใจว่าโมเดลสถานะหรือส่วนของลอจิกนั้นรู้สึกถูกต้องหรือไม่ คุณจะได้ไฟล์ HTML ไฟล์เดียวที่แชร์ได้ พร้อมปุ่มสำหรับเล่นอิสระและคำแนะนำแบบมีแท็บที่พาสเตตแมชชีนผ่านกรณีที่ยุ่งยาก หากคุณกำลังสำรวจว่าหน้าจอ UI ควรมีหน้าตาอย่างไร คุณจะได้หลายรูปแบบที่แตกต่างกันอย่างสิ้นเชิงบนเส้นทางเดียว สลับได้ผ่านพารามิเตอร์ URL และแถบลอยที่ด้านล่าง ต้นแบบจะถูกทำเครื่องหมายอย่างชัดเจน ใช้งานได้ง่ายมาก และข้ามการขัดเกลาเพื่อให้คุณเรียนรู้ได้อย่างรวดเร็ว
mattpocockการเขียนโค้ด+1318.2k ดาว
- สอนอะไรฉันหน่อยคุณจะได้ครูส่วนตัวที่สร้างพื้นที่ทำงานสำหรับการเรียนรู้ในไดเรกทอรีปัจจุบันของคุณ และสอนหัวข้อหนึ่งให้คุณตลอดหลายเซสชัน โดยบันทึกเหตุผลที่คุณอยากเรียนไว้ในไฟล์ภารกิจ ติดตามสิ่งที่คุณได้เรียนรู้ในบันทึกการเรียนรู้ รวบรวมแหล่งข้อมูลที่เชื่อถือได้ และสร้างบทเรียน HTML สั้น ๆ ที่สวยงามพร้อมแบบทดสอบแบบโต้ตอบและวงจรป้อนกลับ นอกจากนี้ยังสร้างเอกสารอ้างอิงและอภิธานศัพท์ที่พิมพ์ได้ และแนะนำชุมชนที่คุณสามารถฝึกฝนได้ในโลกจริง
mattpocockเนื้อหา+2318.2k ดาว










