design-references
Installation
SKILL.md
Design References
Antes de definir direção visual ou escrever UI, consulte as galerias, escolha a melhor fonte por seção e declare tokens. Preserve a stack e as skills de implementação existentes; esta skill fixa referências + tokens, não o framework.
Escolher a melhor fonte
| Precisa de… | Fonte | URL |
|---|---|---|
| Direção de site / landing / portfólio (página inteira) | Minimal Gallery — obrigatória | https://minimal.gallery |
| UI de produto, componentes, microinterações, motion | CollectUI (+ Minimal se for página) | https://collectui.com |
| Bento / feature grid / cards densos | BentoGrids | https://bentogrids.com |
| Footer | Footer Design (preferir Editor's Choice) | https://footer.design |
Combinação de seções → Minimal Gallery + fontes das seções envolvidas. Ainda assim, 2–4 referências no total.
Detalhes de tags, filtros e critérios: references/sources.md.