Skills
.Work. You
Rest

Styling Patterns & Conventions

Community

Define and apply consistent UI styling.

Design & Creative#design system#css#styling#bootstrap#component patterns#ui conventions
Authornguyenquy0710
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a comprehensive guide to the styling patterns, CSS conventions, and component styling approaches used within the DAKIA Wiki Bot project, ensuring visual consistency and maintainability.

Core Features & Use Cases

  • Color System: Quick reference for primary, secondary, and semantic colors.
  • Styling Approach: Defines the priority order for applying styles (Bootstrap utilities, inline styles, custom CSS).
  • Component Patterns: Examples for styling cards, buttons, badges, and form elements.
  • Use Case: A new developer can quickly understand how to apply brand colors, use Bootstrap utilities effectively, and style common UI elements like buttons and cards according to the project's established design system.

Quick Start

Use the Styling Patterns & Conventions skill to understand how to apply the primary brand color to a button.

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: Styling Patterns & Conventions
Download link: https://github.com/nguyenquy0710/dakia-wiki-bot/archive/main.zip#styling-patterns-conventions

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.