القائمة
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 المهني
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.
| 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.