メニュー
Use when: bootstrapping a new front-end project with Bootstrap. Provides a quick checklist to set up HTML, CSS, JS structure and integrate Bootstrap framework.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | bootstrap-frontend |
| description | Use when: bootstrapping a new front-end project with Bootstrap. Provides a quick checklist to set up HTML, CSS, JS structure and integrate Bootstrap framework. |
This skill guides you through setting up a new front-end project using Bootstrap.
Create Project Structure
index.html in the rootcss/ directory for custom stylesjs/ directory for custom scriptsassets/ directory for images, fonts, etc.Integrate Bootstrap
<head>: <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"></body>: <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>Set Up Basic HTML Template
Add Custom Files
css/custom.css for overridesjs/custom.js for custom functionalityTest the Setup
index.html in a browserbtn btn-primary)This checklist assumes using Bootstrap via CDN. For npm installation, additional steps would be needed.
Use when: ensuring a CodeIgniter application resolves URLs correctly on local/test and production hosts.
Use when: setting up a new CodeIgniter project or following development best practices. Provides a quick checklist for installation, configuration, and MVC structure.
Use when: preparing a CodeIgniter project for open source release. Provides a quick checklist for licensing, documentation, and code commenting.
Use when: implementing testing in CodeIgniter projects. Provides a quick checklist for best practices and acceptance testing at each stage.
Use when: setting up version control or following Git best practices in projects. Provides a quick checklist for Git setup and workflows.