skills.rest
Devinga-com-br
Devinga-com-brOFFICIAL
Explore all skills by this author →
GitHub

bi-design-system

Consolidate project components and tokens into a reusable design system.

Updated Oct 13, 2025
Search Tags:#design-system#design-consistency#starter-kit#component catalog#UI tokens#dashboard-360
One-click install
npx skills add https://github.com/Devinga-com-br/bi-saas --skill bi-design-system
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bi-design-system
Source: https://github.com/Devinga-com-br/bi-saas/tree/main/skills/bi-design-system
Command: npx skills add https://github.com/Devinga-com-br/bi-saas --skill bi-design-system

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill standardizes UI across modules by consolidating real project components into a reusable design system, enabling faster module initiation and a consistent visual language.

Core Features & Use Cases

  • Consolidates actual project components (Dashboard 360, Metas, shadcn/ui) into a single design system base.
  • Provides a starter kit and internal UI catalog to accelerate new module development.
  • Ensures alignment with project tokens in src/app/globals.css for consistent visuals.

Quick Start

Ask the AI to generate a starter UI kit for a new module using the project's real components and design tokens.

Frequently Asked Questions about bi-design-system

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

FAQPage Schema
How do I standardize UI components across multiple dashboard modules?▼

To standardize UI components across multiple dashboard modules, consolidate real project components and tokens into a reusable design system base, ensuring a consistent visual language and faster module initiation.

How do I generate a starter kit for new UI module development?▼

Generate a starter kit for new UI module development by prompting the AI to compile existing project assets, Dashboard 360 patterns, and design tokens into an internal UI catalog for quick implementation.

Do I need to install new dependencies to consolidate my design system?▼

No new dependencies are required to consolidate your design system. The process relies entirely on existing project assets, references, and documentation to guide the standardization and cataloging of UI patterns.

How do I align new modules with existing project design tokens?▼

Align new modules with existing project design tokens by referencing the visual variables defined in src/app/globals.css, ensuring all consolidated UI components maintain consistent styling across multi-tenant dashboards.

What is the best way to catalog UI patterns for multi-tenant dashboards?▼

The best way to catalog UI patterns for multi-tenant dashboards is to consolidate actual project components from shadcn/ui and Dashboard 360 into a single internal design system base for team-wide reuse.

Related Skills

Explore More Design & Creative Skills→
PosteriotPosteriot

tailwind-migration-makalahapp

Migrate Makalahapp custom CSS to Tailwind CSS 4 utilities.

Community
Advanced
fullstackherofullstackhero
6.7k

create-migration

Create and apply EF Core migrations for module-specific DbContexts.

Official
Intermediate
curiositechcuriositech
181

frontend-architect

Recommend frontend stacks and Cloudflare deployment patterns for web applications.

Official
Advanced
dylantarredylantarre
38

angular

Build token-driven Angular components with signals and standalone components.

Community
Advanced