skills.rest
0xrafasec
0xrafasecCOMMUNITY
Explore all skills by this author →
Website𝕏@0xrafasecGitHub

rlabs-design

Generate branded Rlabs interfaces and assets using the design system.

9|2|Updated Apr 8, 2026
Search Tags:#typography#branding#color palette#assets#ui design
One-click install
npx skills add https://github.com/0xrafasec/ai-workflow --skill rlabs-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: rlabs-design
Source: https://github.com/0xrafasec/ai-workflow/tree/main/extras/skills/rlabs-design
Command: npx skills add https://github.com/0xrafasec/ai-workflow --skill rlabs-design

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a comprehensive design system for Rlabs, enabling the creation of consistent and branded interfaces and assets.

Core Features & Use Cases

  • Design Guidelines: Offers full visual, verbal, and interaction language for the Rlabs brand.
  • Color Palette: Includes a range of color options for dark and light modes.
  • Typography: Defines headings, body text, and monospaced fonts for clarity and consistency.
  • Iconography: Utilizes the Lucide icon system for a consistent look.
  • UI Kits: Provides ready-to-use components for websites, product apps, and presentations.

Quick Start

Load the appropriate UI kit based on your project's needs using the rlabs-design skill.

Frequently Asked Questions about rlabs-design

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

FAQPage Schema
How do I generate branded UI components for a specific platform?▼

The design system includes color palettes supporting both dark and light modes. You can apply these predefined color options to ensure consistent branding across different interface surfaces.

What typography and iconography are included in this design system?▼

Yes, the design system provides full visual, verbal, and interaction guidelines for the Rlabs brand. This includes color palettes, typography, iconography, and UI kits, enabling the creation of consistent interfaces.

What's the best way to ensure consistent branding across different application surfaces?▼

The skill includes scripts, references, and assets to support the generation of branded interfaces. These components work together to implement the design system guidelines across your projects.

Does this UI kit support dark and light mode color palettes?▼

Yes, the UI kit supports dark and light modes by providing a range of predefined color palette options. This allows you to generate well-branded interfaces that adapt to different visual environments.

Related Skills

Explore More Design & Creative Skills→
BaoNguyen09BaoNguyen09
6

install-mac

Install Node.js and project dependencies on macOS for development.

Community
Intermediate
capaas2capaas2

web-design-guidelines

Review UI code for web interface guideline compliance and accessibility violations.

Community
Intermediate
elab-developmentelab-development

fluxui-development

Create Flux UI components in Laravel Blade and Livewire workflows.

Official
Basic
Maccio-huangMaccio-huang

kami-deck

Generate horizontal magazine-style swipe decks with the kami design system.

Community
Advanced