Design
Color Palette
VifeAggiornato il 8 nov 2026
Turn a seed colour, logo, photo or mood into an accessible palette with tints, shades, light and dark themes and ready-to-use tokens.
Provalo
- 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
- 我想要一套“安静、高级”感觉的配色，给我色板和对比度检查
Dettagli
- Publisher
- VIFE official
- Runtime
- Runs in a cloud sandbox
- Ultimo aggiornamento
- 8 nov 2026
Related skills
- PresentationPlan, design and export polished, editable slide decks from an idea, an outline or a document.VifeDesign+1
28 usati
- Landing Page BuilderBuild a polished, responsive single-file landing page with real copy, accessible markup and meta tags, previewed at desktop and mobile sizes.VifeDesign+1
0 usati
- 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.VifeDesign+1
0 usati
- 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.VifeProgrammazione+1
0 usati
- Creazione di immagini in batchPuoi generare molte immagini in un'unica esecuzione invece di una alla volta: da un elenco di prompt, da una matrice di varianti (come SKU, colore, stile, posa, sfondo o proporzioni) oppure da un unico concept ampliato in varianti sistematiche. La skill mantiene fisso ogni parametro non variabile, crea una tabella numerata con una riga per immagine, genera e verifica ogni risultato e assegna nomi ai file in modo deterministico così che si ordinino secondo l'ordine del batch. Ottieni la cartella delle immagini più un manifest che elenca ogni id, prompt, attributo variabile, parametri, nome file e stato, insieme a un riepilogo di successi, nuovi tentativi ed eventuali errori.Media+2
5 usati
- Migliorare l'architettura della codebaseAnalizza la tua codebase alla ricerca di attriti architetturali e ottieni un report HTML visivo delle opportunità di approfondimento: refactoring che trasformano moduli superficiali in moduli profondi per una migliore testabilità e navigabilità da parte dell'IA. L'analisi dà priorità agli hot spot modificati di recente (o a una direzione che indichi), legge il tuo glossario e i tuoi ADR ed esplora i punti in cui comprendere un concetto significa rimbalzare tra molti piccoli moduli. Ogni scheda candidato mostra i file coinvolti, il problema, la soluzione proposta, i benefici in termini di località e leva, un diagramma prima/dopo e una forza della raccomandazione, terminando con una raccomandazione principale. Scegline una e l'agente percorrerà con te l'albero decisionale.
mattpocockProgrammazione+1318.2k stelle
- Prototipazione usa e gettaOttieni un prototipo usa e getta e rapido, realizzato per rispondere a una singola domanda di design. Se non sei sicuro che un modello di stato o un pezzo di logica sia giusto, ricevi un unico file HTML condivisibile con pulsanti di gioco libero e percorsi guidati a schede che spingono la macchina a stati attraverso casi complicati. Se stai esplorando l'aspetto che dovrebbe avere una UI, ottieni diverse varianti radicalmente diverse su un'unica route, commutabili tramite un parametro URL e una barra flottante in basso. I prototipi sono chiaramente contrassegnati, banali da avviare e rinunciano alla rifinitura per farti imparare in fretta.mattpocockProgrammazione+1
318.2k stelle
- Insegnami qualcosaOttieni un insegnante personale che crea uno spazio di lavoro per l'apprendimento nella tua directory attuale e ti insegna un argomento in più sessioni. Registra il tuo motivo per imparare in un file di missione, tiene traccia di ciò che hai imparato nei registri di apprendimento, raccoglie risorse affidabili e produce lezioni HTML brevi e curate con quiz interattivi e cicli di feedback. Crea anche documenti di riferimento e glossari stampabili e ti indica comunità in cui puoi esercitarti nel mondo reale.mattpocockContenuti+2
318.2k stelle
