chi-search

Search Chi Design System elements using natural language and synonym matching.

17|63|Updated Mar 12, 2021
One-click install
npx skills add https://github.com/CenturyLink/Chi --skill chi-search
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: chi-search
Source: https://github.com/CenturyLink/Chi/tree/main/.cursor/skills/chi-search
Command: npx skills add https://github.com/CenturyLink/Chi --skill chi-search

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps users quickly find and understand elements within the Chi Design System, overcoming the challenge of navigating extensive documentation and remembering specific class names or token values.

Core Features & Use Cases

  • Component Discovery: Find Chi components by name, modifier, or use case.
  • Utility & Token Lookup: Quickly identify utility classes and design tokens.
  • Synonym Expansion: Search using natural language or synonyms for better discoverability.
  • Use Case: When a user asks "how do I center content on the page?", this skill can identify the relevant Chi utility classes like -mx--auto and -d--flex.

Quick Start

Use the chi-search skill to find the Chi button component.

Frequently Asked Questions about chi-search

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I find Chi design system components using natural language?

You can find Chi design system components using natural language by performing a semantic search that expands synonyms and maps use cases. This allows direct and fuzzy matching to efficiently discover design tokens, utility classes, and components.

What is the best way to look up specific Chi utility classes and design tokens?

The best way to look up Chi utility classes and design tokens is using semantic search with synonym expansion. It identifies exact matches and relevant use cases, helping you quickly find specific assets like flexbox or margin utilities.

Can I search for Chi elements by their use case instead of knowing the exact class name?

Yes, you can search for Chi elements by use case instead of knowing the exact class name. The semantic search maps natural language queries to relevant utility classes, automatically identifying appropriate tokens and components for your specific layout needs.

Does the Chi design system search support fuzzy matching for component discovery?

The Chi design system search supports fuzzy matching for component discovery. This mechanism handles variations in natural language queries and expands synonyms to accurately retrieve components, modifiers, utilities, and tokens without requiring exact terminology.

How do I identify the correct Chi utility classes to center content on a page?

To identify the correct Chi utility classes to center content, input your natural language layout query into the semantic search. It maps your use case to the precise design system classes, such as identifying flex and margin auto utilities for centering.