Design
Color Palette
VifeAtualizado em 8 de nov. de 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.
Experimente
- 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
- 我想要一套“安静、高级”感觉的配色，给我色板和对比度检查
Detalhes
- Publisher
- VIFE official
- Runtime
- Runs in a cloud sandbox
- Última atualização
- 8 de nov. de 2026
Related skills
- PresentationPlan, design and export polished, editable slide decks from an idea, an outline or a document.VifeDesign+1
28 usados
- 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 usados
- 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 usados
- 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.VifeProgramação+1
0 usados
- Criação de imagens em loteVocê pode gerar muitas imagens em uma única execução em vez de uma de cada vez — a partir de uma lista de prompts, de uma matriz de variantes (como SKU, cor, estilo, pose, fundo ou proporção) ou de um único conceito expandido em variações sistemáticas. A skill mantém fixo cada parâmetro que não varia, monta uma tabela numerada com uma linha por imagem, gera e verifica cada resultado e nomeia os arquivos de forma determinística para que sejam ordenados na sequência do lote. Você recebe a pasta de imagens mais um manifesto listando cada id, prompt, atributo variável, parâmetros, nome de arquivo e status, além de um resumo de sucessos, novas tentativas e eventuais falhas.Mídia+2
5 usados
- Melhorar a arquitetura da base de códigoAnalise sua base de código em busca de atritos arquiteturais e receba um relatório HTML visual de oportunidades de aprofundamento: refatorações que transformam módulos rasos em módulos profundos para melhor testabilidade e navegabilidade por IA. A análise prioriza pontos críticos alterados recentemente (ou uma direção que você indicar), lê seu glossário e seus ADRs e explora onde entender um conceito significa alternar entre muitos módulos pequenos. Cada cartão de candidato mostra os arquivos envolvidos, o problema, a solução proposta, os benefícios em termos de localidade e alavancagem, um diagrama de antes/depois e uma força de recomendação, terminando com uma recomendação principal. Escolha uma e o agente percorre a árvore de decisão com você.
mattpocockProgramação+1318.2k estrelas
- Prototipagem descartávelVocê recebe um protótipo descartável e rápido, criado para responder a uma única pergunta de design. Se você não tem certeza se um modelo de estado ou um trecho de lógica está certo, recebe um único arquivo HTML compartilhável com botões de jogo livre e roteiros guiados em abas que levam a máquina de estados por casos complicados. Se você está explorando como uma UI deveria parecer, recebe várias variações radicalmente diferentes em uma mesma rota, alternáveis por meio de um parâmetro de URL e uma barra flutuante na parte inferior. Os protótipos são claramente identificados, triviais de executar e dispensam o acabamento para que você aprenda rápido.mattpocockProgramação+1
318.2k estrelas
- Me ensine algoVocê ganha um professor pessoal que cria um espaço de trabalho de aprendizagem no seu diretório atual e ensina um tema ao longo de várias sessões. Ele registra seu motivo para aprender em um arquivo de missão, acompanha o que você aprendeu em registros de aprendizagem, reúne recursos confiáveis e produz lições HTML curtas e bonitas com quizzes interativos e ciclos de feedback. Ele também cria documentos de referência e glossários para impressão e indica comunidades onde você pode praticar no mundo real.mattpocockConteúdo+2
318.2k estrelas
