@commitpt/design-system
A biblioteca de componentes que unifica toda a experiência visual da CommitPT.
O Problema
Sem um sistema de design partilhado, cada projeto da CommitPT teria componentes inconsistentes, estilos diferentes e bugs visuais duplicados.
A Importância
O design system é a fundação visual de tudo o que a CommitPT constrói. Garante consistência, acelera o desenvolvimento e eleva a qualidade de todos os projetos.
O Impacto
Hoje é usado pelo Website e pela Plataforma CommitPT, e qualquer futuro projeto pode importá-lo com uma única linha.
O que este projeto faz
Componentes React
Button, Typography, Avatar e mais — todos bem documentados e testados.
Theming CSS
Tema totalmente customizável via CSS custom properties, sem reescrever código.
Storybook
Documentação interativa de todos os componentes com exemplos em tempo real.
Publicado no npm
Disponível via @commitpt/design-system para qualquer projeto da comunidade.
Semantic Versioning
Gestão de versões com Changesets para releases controladas e seguras.
Tailwind CSS v4
Estilização moderna com a mais recente versão do Tailwind, sem configuração extra.
Neste projeto vais trabalhar com
Contribuir para projetos reais é a forma mais rápida de crescer como engenheiro. Aqui não trabalhas apenas com tecnologias — trabalhas em equipa, com code reviews, com processos reais e com responsabilidade.
O processo de contribuição
3+
projetos que o usam
10+
componentes reutilizáveis
1
source of truth
npm
publicado e disponível
Outros projetos da comunidade
Discord Bot
Bot automático para gerenciar accountability, XP, invites, tickets, private chats e onboarding na comunidade CommitPT.
Website CommitPT
Landing page moderna e otimizada com Next.js 14, TypeScript e Tailwind CSS. Apresenta a comunidade e funciona como funil de conversão para Whop e Discord.
Plataforma CommitPT
Plataforma didática com frontend em Next.js 15 e API em NestJS. Sistema de autenticação Discord, database PostgreSQL e progressão de aprendizado.
Gostavas de contribuir?
Todos os projetos são desenvolvidos colaborativamente por membros da comunidade. Se queres ganhar experiência em projetos reais, colaborar com outros engenheiros e contribuir para ferramentas utilizadas diariamente, junta-te à comunidade.