Every analyzed component receives a readiness score from 0 to 100, representing how ready it is for reliable code generation (MCP/AI consumption). The score is an additive weighted model: each of five dimensions contributes a fixed maximum number of points, and the points are summed and clamped to a 0–100 range.
Source of truth:
src/core/component-analyzer.ts(lines 2424–2474)
The five dimensions and their maximum weights:
title: Checkbox description: The Checkbox component provides a binary selection control that allows users to toggle options on or off, with support for labels, descriptions, and various visual states to communicate selection status and interactivity. Within CampusIQ, checkboxes enable users to select preferences, configure settings, filter data, agree to terms, and make multi-select choices across forms and configuration interfaces. status: stable version: 1.0.0 category: components tags: [checkbox, variants, configurable] figma: https://www.figma.com/design/ioFDU1TszfuEsopivSB6Ox/CollegeTown%20Design%20System?node-id=46-112 source: src/components/checkbox/checkbox.tsx canonical: reconciled
| # Loop through the CSV file and run the WP CLI command | |
| while IFS=, read orig new; do | |
| terminus wp pom-ool.dev --skip-themes --skip-plugins search-replace "$orig" "$new" wp_posts --include-columns=post_content --verbose | |
| done < ool-cleanup-tab1-2.csv |
| {% if card %} | |
| <div class="c-card{{ card.classes ? ' ' ~ card.classes }}"> | |
| {% include "@atoms/images/image/figure.twig" with { | |
| "figure": { | |
| "link": { | |
| "url": card.link | |
| }, | |
| "image": { | |
| "src": card.thumbnail.src, | |
| "alt": card.thumbnail.alt |
| {% if card_grid %} | |
| <section class="c-card-grid{{ card_grid.classes ? ' ' ~ card_grid.classes }}"> | |
| <div data-bp="container"> | |
| <div class="l-wrap"> | |
| <div class="c-card-grid__container u-spacing"> | |
| {% if card_grid.heading or card_grid.dek %} | |
| <div class="c-card-grid__header l-conatiner--m u-spacing--half"> | |
| {% include "@atoms/text/heading/heading.twig" with { | |
| "heading": { |
| {# Pull in the layout wrapper #} | |
| {% extends "@templates/_layout.twig" %} | |
| {# Fill in the "content" block defined in _layout.twig #} | |
| {% block content %} | |
| <div class="c-content{{ content.classes ? ' ' ~ content.classes }} u-spacing--and-half u-space--bottom"> | |
| <div data-bp="container"> | |
| <div class="l-wrap"> |
| <?php | |
| /** | |
| * The template for main archive pages. | |
| * | |
| * Methods for TimberHelper can be found in the /lib sub-directory | |
| * | |
| * @package WordPress | |
| * @subpackage Timber | |
| * @since Timber 0.1 | |
| */ |
Storybook for Vue component libary for rapid development.
This component library utilizes the following dependecies.