coherence-ui
CommunityBuild UIs with Coherence Design System
Software Engineering#react#design system#frontend development#ui components#web components#coherence
Authorunthinkmedia
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides comprehensive guidance and resources for building user interfaces using Microsoft's Coherence Design System, enabling developers to create consistent, accessible, and visually appealing applications.
Core Features & Use Cases
- Component Reference: Detailed information on all Coherence UI components, including their API, usage, and design guidelines.
- Design Tokens & Theming: Access to CSS variables for colors, spacing, typography, and more, facilitating consistent theming.
- Code Examples & Templates: Practical examples and starter files for implementing components and page layouts.
- Use Case: A developer needs to build a new settings page for a C+AI product. They can use this Skill to find the appropriate Coherence components (like
cui-input,cui-select,cui-button), understand their attributes and slots, and get React code examples for implementing the page according to Coherence design principles.
Quick Start
Use the coherence-ui skill to find guidance on using the cui-button component.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: coherence-ui Download link: https://github.com/unthinkmedia/vibe-azure/archive/main.zip#coherence-ui Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.