Diseño
Color Palette
VifeActualizado el 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.
Pruébalo
- 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
- 我想要一套“安静、高级”感觉的配色，给我色板和对比度检查
Detalles
- Publisher
- VIFE official
- Runtime
- Runs in a cloud sandbox
- Última actualización
- 8 nov 2026
Related skills
- PresentationPlan, design and export polished, editable slide decks from an idea, an outline or a document.VifeDiseño+1
28 usos
- Landing Page BuilderBuild a polished, responsive single-file landing page with real copy, accessible markup and meta tags, previewed at desktop and mobile sizes.VifeDiseño+1
0 usos
- 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.VifeDiseño+1
0 usos
- 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.VifeProgramación+1
0 usos
- Creación de imágenes por lotesPuedes generar muchas imágenes en una sola ejecución en lugar de una a una: a partir de una lista de prompts, una matriz de variantes (como SKU, color, estilo, pose, fondo o relación de aspecto) o un concepto ampliado en variaciones sistemáticas. La skill mantiene fijo cada parámetro que no varía, crea una tabla numerada con una fila por imagen, genera y verifica cada resultado, y nombra los archivos de forma determinista para que se ordenen según el lote. Recibes la carpeta de imágenes más un manifiesto que enumera cada id, prompt, atributo variable, parámetros, nombre de archivo y estado, junto con un resumen de éxitos, reintentos y cualquier fallo.Multimedia+2
5 usos
- Mejorar la arquitectura del código baseAnaliza tu código base en busca de fricciones arquitectónicas y obtén un informe HTML visual de oportunidades de profundización: refactorizaciones que convierten módulos superficiales en módulos profundos para mejorar la testabilidad y la navegabilidad por IA. El análisis prioriza los puntos calientes modificados recientemente (o una dirección que indiques), lee tu glosario y tus ADR, y explora dónde entender un concepto implica saltar entre muchos módulos pequeños. Cada tarjeta de candidato muestra los archivos implicados, el problema, la solución propuesta, los beneficios en términos de localidad y apalancamiento, un diagrama de antes/después y una fuerza de recomendación, y termina con una recomendación principal. Elige una y el agente recorrerá contigo el árbol de decisiones.
mattpocockProgramación+1318.2k estrellas
- Prototipado desechableObtienes un prototipo desechable y rápido creado para responder a una única pregunta de diseño. Si no tienes claro si un modelo de estado o un fragmento de lógica funciona bien, recibes un único archivo HTML compartible con botones de juego libre y recorridos guiados en pestañas que llevan la máquina de estados por casos complicados. Si estás explorando cómo debería verse una UI, obtienes varias variantes radicalmente distintas en una misma ruta, intercambiables mediante un parámetro de URL y una barra flotante en la parte inferior. Los prototipos están claramente marcados, son triviales de ejecutar y prescinden del acabado para que puedas aprender rápido.mattpocockProgramación+1
318.2k estrellas
- Enséñame algoObtienes un profesor personal que crea un espacio de trabajo de aprendizaje en tu directorio actual y te enseña un tema a lo largo de varias sesiones. Registra tu motivo para aprender en un archivo de misión, hace un seguimiento de lo que has aprendido en registros de aprendizaje, reúne recursos de confianza y produce lecciones HTML breves y atractivas con cuestionarios interactivos y bucles de retroalimentación. También crea documentos de referencia y glosarios imprimibles, y te indica comunidades donde puedes practicar en el mundo real.mattpocockContenido+2
318.2k estrellas
