skills.rest
kevinbarfleur
kevinbarfleurCOMMUNITY
Explore all skills by this author →
GitHub

boardkit-design-system

Implement new components using Tailwind-based tokens and verify them in the Playground.

Updated Aug 23, 2026
Search Tags:#typography#tailwind#tokens#design-system#playground#lucide
One-click install
npx skills add https://github.com/kevinbarfleur/boardkit --skill boardkit-design-system
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: boardkit-design-system
Source: https://github.com/kevinbarfleur/boardkit/tree/main/.claude/skills/boardkit-design-system
Command: npx skills add https://github.com/kevinbarfleur/boardkit --skill boardkit-design-system

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

A consistent, token-driven design system for Boardkit UI that standardizes components, spacing, typography, and icons, enabling faster development and cohesive look-and-feel across apps.

Core Features & Use Cases

  • Tailwind-based tokens & CSS variables ensure design consistency and easy theming.
  • Lucide icons only policy to maintain a clean iconography.
  • Playground coverage: every new component is represented for quick visual validation.

Quick Start

Implement a new component using the design system tokens and verify it in the Playground.