Skills
.Work. You
Rest

Theme & Design System

Community

Define and apply consistent visual styles.

Design & Creative#typography#theming#design system#color palette#css variables#ui guidelines
Authornguyenquy0710
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a comprehensive guide to the DAKIA Wiki Bot's visual identity, ensuring consistent theming, color palettes, typography, and design tokens across the application.

Core Features & Use Cases

  • Color Palette Definition: Specifies primary, neutral, text, and semantic colors with CSS variables.
  • Design Tokens: Outlines spacing scales, border-radius values, and shadow definitions.
  • Typography Guidelines: Details font families, sizes, weights, and usage examples.
  • Component Styling: Provides examples for badges, cards, buttons, and more.
  • Use Case: A developer needs to implement a new feature and wants to ensure it adheres to the project's established look and feel. They consult this Skill to find the correct CSS variables for colors, spacing, and typography.

Quick Start

Apply the primary brand color to a button's background.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Theme & Design System
Download link: https://github.com/nguyenquy0710/dakia-wiki-bot/archive/main.zip#theme-design-system

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.