sablier-design
OfficialDesign production-grade UIs in dark mode
Authorsablier-labs
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps frontend teams translate high-level requirements into distinctive, production-grade React interfaces aligned with Sablier's dark-theme aesthetic, reducing iteration time and ensuring visual cohesion.
Core Features & Use Cases
- Bold, cohesive UI: Generates production-ready React components and pages that embody a unique Sablier aesthetic.
- Design guidance + implementation: Provides structured design directions, typography, color, motion, and layout practices aligned with the Sablier theme.
- Use Case: Given a requirement for a reusable Button+Modal system with a dark theme, the Skill will produce a ready-to-integrate React component set with CSS-in-JS or CSS modules, plus example usage.
Quick Start
Use sablier-design to generate a reusable React UI module: a Button, a Card, and a sample page that follows the Sablier dark-theme aesthetic.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: sablier-design Download link: https://github.com/sablier-labs/plugin-marketplace/archive/main.zip#sablier-design 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 471,000+ vetted skills library on demand.