bootstrap

Bootstrap development guidelines for responsive layouts, components, and utility-first styling.

Quality

48%

Does it follow best practices?

Impact

Pending

No eval scenarios have been run

Securityby

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./bootstrap/SKILL.md

Quality

Discovery

32%

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description identifies Bootstrap as the domain and mentions high-level capability areas, but lacks concrete actions and explicit trigger guidance. The absence of a 'Use when...' clause significantly weakens Claude's ability to know when to select this skill over other CSS/frontend skills.

Suggestions

Add a 'Use when...' clause with trigger terms like 'Bootstrap', 'Bootstrap 5', 'grid system', 'navbar', 'cards', 'CSS framework'

Replace abstract categories with specific actions: 'Create responsive grid layouts, implement Bootstrap components (navbars, modals, cards), apply utility classes'

Include file/context triggers like '.html files with Bootstrap CDN', 'Bootstrap projects', or 'when user mentions Bootstrap classes like col-md-6'

Dimension	Reasoning	Score
Specificity	Names the domain (Bootstrap) and mentions some actions ('responsive layouts, components, utility-first styling'), but these are categories rather than concrete actions like 'create grid layouts' or 'implement navbar components'.	2 / 3
Completeness	Describes what (Bootstrap development guidelines) but completely lacks a 'Use when...' clause or any explicit trigger guidance for when Claude should select this skill.	1 / 3
Trigger Term Quality	Includes 'Bootstrap', 'responsive layouts', 'components', and 'utility-first styling' which are relevant, but misses common user terms like 'CSS framework', 'grid system', 'navbar', 'cards', or version references like 'Bootstrap 5'.	2 / 3
Distinctiveness Conflict Risk	'Bootstrap' is specific enough to distinguish from general CSS skills, but 'responsive layouts' and 'components' could overlap with Tailwind, Foundation, or general CSS framework skills.	2 / 3
	Total	7 / 12 Passed

Implementation

64%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

This is a solid Bootstrap reference skill with excellent actionable code examples that are immediately usable. The main weaknesses are some unnecessary introductory content that Claude doesn't need, and the lack of references to external files for more detailed topics like Sass customization or advanced component patterns.

Suggestions

Remove the 'Core Principles' section and 'You are an expert...' preamble - these state things Claude already knows

Add links to separate reference files for detailed topics (e.g., 'See SASS_CUSTOMIZATION.md for variable overrides')

Consider adding a brief workflow for building a new Bootstrap page (e.g., 'Start with container → add grid → add components → test breakpoints')

Dimension	Reasoning	Score
Conciseness	The skill is reasonably efficient but includes some unnecessary preamble ('You are an expert...') and generic principles that Claude already knows. The code examples are appropriately concise, but sections like 'Core Principles' and 'Performance' state obvious best practices.	2 / 3
Actionability	Provides fully executable HTML code examples for grid layouts, buttons, modals, alerts, utilities, and form validation. All examples are copy-paste ready and demonstrate real Bootstrap patterns.	3 / 3
Workflow Clarity	This is primarily a reference skill rather than a multi-step workflow, but the sections are well-organized. However, there's no guidance on the sequence of building a Bootstrap page or validation steps for ensuring responsive layouts work correctly across breakpoints.	2 / 3
Progressive Disclosure	Content is organized into logical sections with clear headers, but everything is inline in one file. For a skill of this size (~100 lines), some content like the full modal example or customization details could be split into separate reference files.	2 / 3
	Total	9 / 12 Passed

Validation

68%

Warnings & errors only

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 11 / 16 Passed

Validation for skill structure

Criteria	Description	Result
description_trigger_hint	Description may be missing an explicit 'when to use' trigger hint (e.g., 'Use when...')	Warning
metadata_version	'metadata' field is not a dictionary	Warning
license_field	'license' field is missing	Warning
body_output_format	No obvious output/return/format terms detected; consider specifying expected outputs	Warning
body_steps	No step-by-step structure detected (no ordered list); consider adding a simple workflow	Warning

	Total	11 / 16 Passed

Repository: mindrally/skills
Commit: 47f47c1

Reviewed: about 2 months ago

Table of Contents

Discovery Implementation Validation

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.