Communitygithub.com

ronnieiscoo/bootstrap-expert

Especialista em Bootstrap para criação de interfaces responsivas.

O que é bootstrap-expert?

Este skill capacita o agente a atuar como um especialista em Bootstrap, o popular framework front-end para desenvolvimento de interfaces responsivas e modernas. Ele fornece conhecimento aprofundado sobre o sistema de grid, componentes prontos (como navbars, modais e formulários), utilitários de CSS e personalização com Sass. É útil para desenvolvedores que desejam acelerar a criação de sites e aplicações web consistentes, utilizando práticas recomendadas e otimizações do Bootstrap 5. Suporta tanto a versão clássica via CDN quanto a integração com build tools como npm e webpack.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add ronnieiscoo/bootstrap-expert
Ver original→Navegar por todas as habilidades

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentação

O que bootstrap-expert faz?

Este skill transforma o agente em um especialista no framework Bootstrap, permitindo auxiliar na criação, manutenção e otimização de interfaces responsivas baseadas em componentes.

Funcionalidades

  • Grid System: Criação de layouts responsivos com container, row e col.
  • Componentes: Navbar, Cards, Modais, Formulários, Tabelas, etc.
  • Utilitários: Classes de spacing, cores, tipografia e display.
  • Personalização: Variáveis Sass, temas e custom builds.

Como usar

Basta chamar o skill com comandos relacionados ao Bootstrap, como:

Crie uma navbar responsiva com dropdown

Referência

Habilidades Relacionadas

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community