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 fixos todos os parâmetros que não variam, 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 de volta a pasta de imagens mais um manifesto listando cada id, prompt, atributo variável, parâmetros, nome de arquivo e status, junto com um resumo de sucessos, novas tentativas e eventuais falhas.Multimédia+2
5 usados
- Melhorar a Arquitetura do CódigoAnalise o seu código em busca de atrito arquitetural e receba um relatório HTML visual com oportunidades de aprofundamento: refatorações que transformam módulos rasos em módulos profundos, melhorando a testabilidade e a navegabilidade por IA. A análise prioriza pontos críticos alterados recentemente (ou uma direção que você indicar), lê o seu glossário e os seus ADRs e explora onde compreender um único conceito exige saltar entre muitos módulos pequenos. Cada cartão de candidato mostra os ficheiros envolvidos, o problema, a solução proposta, os benefícios em termos de localidade e alavancagem, um diagrama 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 consigo.
mattpocockProgramação+1318.2k estrelas
- Prototipagem DescartávelVocê recebe um protótipo rápido e descartável, criado para responder a uma única questão 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 livre exploração e passo a passos guiados em abas que levam a máquina de estados por casos complicados. Se você está explorando como uma UI deve ficar, recebe várias variações radicalmente diferentes em uma mesma rota, alternáveis por 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
- Ensine-me AlgoVocê ganha um professor pessoal que cria um espaço de aprendizagem no seu diretório atual e ensina um tópico 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. 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
