sutra-ui
OfficialBuild modern Phoenix LiveView UIs with minimal effort and no external JS.
Authorgurujada
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a comprehensive library of reusable UI components for building modern, accessible, and efficient Phoenix LiveView applications. It simplifies the UI development process by eliminating the need for external JavaScript frameworks and offering a CSS-first theming approach.
Core Features & Use Cases
- Component Library: Access a wide range of UI components, including buttons, forms, navigation, and AI primitives.
- No External JS: Leverages Phoenix LiveView and Colocated Hooks for a pure Elixir experience.
- CSS-First Theming: Customize your UI with CSS variables and override styles easily.
- Use Case: Build a user-friendly dashboard for managing projects. Sutra UI provides all the components needed to create interactive forms, responsive layouts, and informative feedback to users without relying on external libraries.
Quick Start
Use the sutra-ui skill to render a button component with a custom theme.
Dependency Matrix
Required Modules
phoenixtailwindcss
Components
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: sutra-ui Download link: https://github.com/gurujada/sutra_ui/archive/main.zip#sutra-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 620,000+ vetted skills library on demand.