zach677/modern.uikit

O que modern.uikit faz?

Habilidade de agente do zach677/modern.uikit

Visão Geral

O Modern UIkit é um conjunto leve e modular de componentes de interface de usuário, projetado para ser usado com agentes de IA. Ele fornece uma base consistente e eficiente para construir interfaces web modernas sem a necessidade de frameworks complexos.

Componentes Suportados

• Botões: Botões primários, secundários e de ação com suporte a estados (hover, active, disabled).
• Formulários: Campos de entrada, seletores, caixas de seleção e botões de rádio com validação básica incorporada.
• Cartões: Cartões de conteúdo com cabeçalho, corpo e rodapé, ideais para layouts de grade.
• Layouts: Sistema de grid flexível baseado em CSS Grid e Flexbox para responsividade.

Como Usar

1. Clone o repositório zach677/modern.uikit ou copie os arquivos CSS/JS para seu projeto.
2. Importe o arquivo principal uikit.min.css no cabeçalho do seu HTML.
3. Siga a documentação para adicionar componentes usando classes predefinidas.

Exemplo de Uso

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Exemplo Modern UIkit</title>
    <link rel="stylesheet" href="path/to/uikit.min.css">
</head>
<body>
    <div class="container">
        <div class="card">
            <h2 class="card-title">Título do Cartão</h2>
            <p class="card-body">Conteúdo do cartão aqui.</p>
            <div class="card-footer">
                <button class="btn btn-primary">Ação</button>
            </div>
        </div>
    </div>
</body>
</html>

Plataformas

• Claude Code
• Cursor
• Codex

Licença

Consulte o arquivo LICENSE no repositório original.