Recommend Chi design system implementation approaches for web frameworks.
npx skills add https://github.com/CenturyLink/Chi --skill chi-recommendations
Please help me install this Agent Skill. Skill: chi-recommendations Source: https://github.com/CenturyLink/Chi/tree/main/.cursor/skills/chi-recommendations Command: npx skills add https://github.com/CenturyLink/Chi --skill chi-recommendations
This Skill helps developers and designers choose the most appropriate method for implementing Chi design system components within their projects, whether they are using Vue, React, Angular, Svelte, or plain HTML/CSS.
Ask the AI to recommend the best Chi implementation approach for a new Vue 3 project.
High-intent search queries and answers about installing and using this skill.
The best way to implement the Chi design system in a Vue 3 project is to analyze your project context to determine the optimal approach. This analysis recommends whether to use Vue components, Web Components, or CSS classes based on your specific constraints and existing code patterns.
Yes, you can use Chi web components with frameworks like React, Angular, and Svelte. The system provides framework-specific guidance and tailored recommendations to ensure the design system integrates correctly across these different frontend environments.
To migrate your existing HTML and CSS implementation to Chi Vue components, follow the detailed migration paths provided. These paths offer clear, step-by-step instructions for transitioning between HTML/CSS, Custom Elements, and Vue component usage.
Yes, the Chi implementation recommendation adjusts for legacy browser support constraints. It handles specific project constraints by modifying its recommended implementation approach and confidence level to fit your environment.
You should choose Chi Custom Elements over standard HTML and CSS classes when your project context requires component encapsulation across multiple frameworks. Analyzing your project requirements helps determine if Web Components offer a better fit than Vanilla JS.
Your Chi design system recommendation includes a confidence level to indicate how well the suggested implementation approach fits your analyzed project context, framework, and specific constraints. It helps you gauge the reliability of the Vue, Custom Elements, or HTML/CSS recommendation.
lrbjkAssess Unity projects for version, render pipeline, packages, asmdefs, and folder structure.
arpa73Refactor Vue components into Base/Public/Admin with CSS variables.
BRANDNEWSHVTAudit frontend code for architectural, accessibility, and performance issues.
EndavaGuide BEEQ component selection, integration, and styling across web frameworks.
