Provide a branded design system and React UI kit for SlabLedger prototypes.
npx skills add https://github.com/guarzo/slabledger --skill slabledger-design
Please help me install this Agent Skill. Skill: slabledger-design Source: https://github.com/guarzo/slabledger/tree/main/.claude/skills/slabledger-design Command: npx skills add https://github.com/guarzo/slabledger --skill slabledger-design
This skill provides a comprehensive design system for SlabLedger, enabling rapid creation of branded interfaces and prototypes that align with the Card Yeti identity.
Copy assets and tokens from this skill into your project to bootstrap prototype UIs using the included colors, assets, and UI kit components.
High-intent search queries and answers about installing and using this skill.
To build branded dark-mode dashboards for PSA Direct Buy workflows, you can copy the provided design tokens, color guidance, and React UI kit components directly into your project to rapidly prototype inventory lists, P&L views, and panels.
A token-driven design system uses predefined color and typography variables to maintain visual consistency. This asset bundle provides those tokens alongside a ready-to-use React UI kit to support rapid UI prototyping and mockup creation.
You can use these React components for production parity and mockups. The design system provides components like Button, CardShell, GradeBadge, and StatusPill wired to a dark-mode system, ensuring visual consistency from prototype to production.
Yes, this UI kit includes components for displaying inventory rows and status pills. It also provides HeroStatsBar, RecommendationBadge, and CardShell components, all wired to a dark-mode token system for immediate use.
The best way to bootstrap a SlabLedger prototype interface is to copy the included assets and design tokens into your project. This provides the necessary colors, typography guidance, and React components to quickly build branded panels and dashboards.
You do not need external dependencies to use this dark-mode UI kit. The skill operates independently, providing a self-contained asset bundle with color tokens, typography guidance, and React components for your SlabLedger prototypes.
yuheitomiConfigure Biome and Shadcn/UI preferences in React projects with pnpm.
VidyFooGenerate production-ready UI design systems with tokens, palettes, and responsive components.
seanyofthedeadIntegrate community-built custom components into Streamlit applications.
lemuStandardize typography, color, spacing, and iconography into design tokens and guidelines.
