design-philosophy
Define a filosofia visual e a direção de arte para interfaces. Ajuda seu agente a criar trabalhos conceituais e com uma estética única.
O que ela faz
Esta ferramenta ajuda a criar uma 'filosofia visual' ou direção de arte para projetos digitais. Ela define um estilo único e conceitual para o design, como se fosse uma nova corrente artística.
Quando usar
- ✓Ao criar um projeto com um conceito forte e original.
- ✓Quando você precisa de um manifesto visual para uma campanha.
- ✓Se você quer que o design tenha uma estética artística marcante e única.
Exemplo do que pedir para a IA
“Crie uma filosofia visual para um site de culinária vegana, com o nome 'Raízes Vibrantes'.”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
A IA primeiro dá um nome para o estilo (como 'Alegria Brutalista'). Depois, descreve como esse estilo se aplica a cores, formas, e organização visual. Por fim, enfatiza que o resultado deve parecer feito com muito cuidado e atenção aos detalhes.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add sickn33/agentic-awesome-skills --skill design-philosophyOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/design-philosophy/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
Filosofia de design
Quando Usar
Use esta habilidade quando precisar de filosofia visual e direção de arte para frontend. Use ao criar trabalhos de alto conceito, campanhas ou quando o usuário solicitar uma filosofia visual, manifesto ou estética inconfundível, semelhante à arte.
Aplique com design para trabalhos de alto conceito, campanhas ou quando o usuário solicitar uma filosofia visual, manifesto ou estética semelhante à arte. Esta habilidade orienta a criação de um movimento nomeado e sua expressão visual.
Filosofia visual (ao criar "arte" ou trabalhos de alto conceito)
- Nomeie o movimento (1–2 palavras): ex: "Alegria Brutalista", "Silêncio Cromático", "Sonhos Metabolistas".
- Articule em 4–6 parágrafos como a filosofia se manifesta através de: espaço e forma; cor e material; escala e ritmo; composição e equilíbrio; hierarquia visual. Evite redundância; cada aspecto uma vez.
- Artesanato: Enfatize que o trabalho deve parecer meticulosamente elaborado, trabalhado com cuidado, o produto de profundo conhecimento — "atenção minuciosa", "execução de nível mestre". Repita essa estrutura.
- Texto mínimo: A informação vive no design, não em parágrafos. Texto escasso e essencial; integrado como elemento visual.
- Espaço criativo: Seja específico sobre a direção, mas conciso para que o executor possa fazer escolhas interpretativas de alto nível com o mesmo nível de artesanato.
Para exemplos de filosofia, veja reference.md. A lista de verificação numerada acima é o procedimento de geração canônico.
Deduzindo a referência sutil
Antes de construir: identifique um fio conceitual sutil da solicitação. O tópico é uma referência sutil e de nicho embutida no trabalho — não literal, sempre sofisticada. Alguém familiarizado com o assunto deve senti-la intuitivamente; outros experimentam uma forte composição abstrata. Incorpore-a na forma, cor e composição. Princípio da "citação de jazz": apenas aqueles que sabem pegam; todos se beneficiam.
Limitações
- Use esta habilidade apenas quando a tarefa corresponder claramente à sua origem e ao contexto local do projeto.
- Verifique comandos, código gerado, dependências, credenciais e comportamento de serviços externos antes de aplicar alterações.
- Não trate exemplos como substitutos para testes específicos do ambiente, revisão de segurança ou aprovação do usuário para ações destrutivas ou custosas.
Perguntas frequentes
O que é 'filosofia visual'?
É a ideia central e o estilo artístico que guiam todas as decisões de design de um projeto, tornando-o único e expressivo.
Como a IA escolhe o nome do estilo?
Ela cria um nome curto e impactante (1-2 palavras) que resume a essência do estilo visual.
O que significa 'informação vive no design, não em parágrafos'?
Significa que o visual do projeto deve comunicar a mensagem principal, com o mínimo de texto possível, integrando o texto ao design.
Detalhes
Descrição original do autor
Visual philosophy and art-direction for frontend. Use when creating high-concept work, campaigns, or when the user asks for a visual philosophy, manifesto, or unmistakable art-like aesthetic.
Popularidade
- Estrelas no GitHub
- 48 mil
- Posição no ranking
- #2814
- Licença
- MIT
- Atualizada em
- 15/10/2026
Comentários
- …
Mais skills deste repositório
00-andruia-consultant
Ajuda seu agente a iniciar ou melhorar projetos de IA. Ele analisa código, sugere ferramentas e cria planos de ação em espanhol.
sickn33/agentic-awesome-skills
007
Faz seu agente realizar auditorias de segurança e modelagem de ameaças. É útil para proteger projetos contra ataques e vulnerabilidades.
sickn33/agentic-awesome-skills
10-andruia-skill-smith
Ajuda seu agente a criar ou melhorar ferramentas de IA. Ele define como as ferramentas funcionam, escreve a documentação e valida a estrutura.
sickn33/agentic-awesome-skills
20-andruia-niche-intelligence
Faz seu agente criar um resumo sobre um setor específico. É útil para entender o contexto, regras, padrões de uso e riscos de um projeto, usando fontes confiáveis.
sickn33/agentic-awesome-skills
Skills parecidas
accessibility
Ajuda seu agente a criar interfaces que todos possam usar. Garante que sites e aplicativos funcionem bem para pessoas com deficiência, como cegos ou com mobilidade reduzida.
affaan-m/ECC
design-system
Ajuda seu agente a criar um sistema de design a partir de um código existente. Ele extrai informações visuais e verifica a consistência, gerando um relatório e uma prévia interativa.
affaan-m/ECC
liquid-glass-design
Ajuda seu agente a criar interfaces de usuário com efeito 'Liquid Glass' para iOS. Permite adicionar efeitos visuais dinâmicos e interativos em SwiftUI e UIKit.
affaan-m/ECC