skills.rest
dandacompany
dandacompanyCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

bk-design

Automate BlueKiwi design system creation, updates, and exports for React and Tailwind.

22|17|Updated Apr 11, 2026
Search Tags:#react#design system#registry#tailwind#ui components#bluekiwi
One-click install
npx skills add https://github.com/dandacompany/bluekiwi --skill bk-design-dandacompany
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bk-design
Source: https://github.com/dandacompany/bluekiwi/tree/main/packages/cli/src/assets/skills/bk-design
Command: npx skills add https://github.com/dandacompany/bluekiwi --skill bk-design-dandacompany

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill enables users to create, update, export, and apply comprehensive BlueKiwi design systems through MCP tools, simplifying design system management and implementation.

Core Features & Use Cases

  • Design System Lifecycle Management: Supports creating new systems, updating existing ones, exporting in various formats, and applying design tokens and components without manual editing.
  • Registry Integration: Interacts with a versioned registry to maintain consistent and reusable design assets across projects.
  • Technical Compatibility: Facilitates integration with React, Tailwind CSS, shadcn/ui, and plain HTML/CSS, ensuring diverse application environments.

Quick Start

Use the bk-design skill to generate or update your design system, then export it for implementation in your project.

Frequently Asked Questions about bk-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate design system management for React and Tailwind?▼

Automate design system management for React and Tailwind by using MCP tools to create, update, and export comprehensive component libraries and design tokens without manual editing. This ensures a consistent visual language across multiple projects.

What is the best way to maintain consistent UI components across multiple projects?▼

Maintaining consistent UI components across projects is best achieved by integrating a versioned registry for reusable design assets. This approach synchronizes visual language and component libraries throughout your product development workflow.

Does the BlueKiwi design system work with shadcn/ui and plain HTML?▼

Yes, the BlueKiwi design system works with shadcn/ui and plain HTML. It ensures technical compatibility by facilitating integration with React, Tailwind CSS, shadcn/ui, and plain HTML/CSS for diverse application environments.

How do I export design tokens from a registry version control system?▼

Export design tokens from a registry version control system by applying lifecycle management tools to generate and export assets in various formats. This integrates directly with your React and Tailwind environments.

Can I update existing design systems without manual code editing?▼

Yes, you can update existing design systems without manual code editing. The system automates the update process for design tokens and components, applying changes directly through MCP tools into your workflow.

Related Skills

Explore More Design & Creative Skills→
AbdullahMalik17AbdullahMalik17
9

styling-with-shadcn

Set up shadcn/ui components, forms, and dark mode in Next.js projects.

Community
Intermediate
zm2231zm2231

design-system

Create and maintain design systems with tokens, component specs, and migration plans.

Community
Advanced
Ben1821Ben1821

ui-styling

Automate UI component installation, styling, and theming with shadcn/ui and Tailwind CSS.

Community
Advanced
Yoriichi-DangYoriichi-Dang

design-system-patterns

Codify design tokens, theming, and component APIs for scalable design systems.

Community
Advanced