skills.rest
kmshihab7878
kmshihab7878COMMUNITY
Explore all skills by this author →
GitHub

shihab-task-mgmt

Define token-based design guidelines for Shihab Task Management UI components.

6|1|Updated Apr 7, 2026
Search Tags:#rag#oracle#tokens#rtl#design-language#ui-system#shihab-task-mgmt
One-click install
npx skills add https://github.com/kmshihab7878/claude-code-setup --skill shihab-task-mgmt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shihab-task-mgmt
Source: https://github.com/kmshihab7878/claude-code-setup/tree/main/skills/shihab-task-mgmt
Command: npx skills add https://github.com/kmshihab7878/claude-code-setup --skill shihab-task-mgmt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a centralized, enforceable design language for Shihab Task Management UI, ensuring consistent visuals, tokens, and behavior across screens and components.

Core Features & Use Cases

  • Establishes token-driven styling (colors, typography, spacing) aligned with src/index.css and tailwind.config.ts.
  • Standardizes RAG semantics (green/amber/red) and AI accents (Oracle purple) for status surfaces.
  • Guides RTL-ready layout and accessibility-friendly typography for enterprise admin interfaces.

Quick Start

Align new UI components to the defined design language by referencing the project's token system and configuration files.

Frequently Asked Questions about shihab-task-mgmt

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

FAQPage Schema
How do I enforce a consistent UI design language for task management interfaces?▼

To prepare for RTL-ready layouts, follow design language guidelines that support accessibility-friendly typography and RTL structure. This ensures enterprise admin interfaces render correctly for right-to-left languages.

How do I apply RAG semantics and Oracle AI accents to status surfaces?▼

To apply RAG semantics and Oracle AI accents, use standardized green, amber, and red for status indicators, and Oracle purple for AI accents. This standardizes visual cues across task management screens.

Can I use shadcn/ui components with a custom tailwind token system?▼

Yes, you can extend shadcn/ui components to match a custom token system. Align new UI components by referencing the token definitions in your tailwind.config.ts and src/index.css files.

What is the best way to standardize UI tokens for enterprise admin interfaces?▼

The best way to standardize UI tokens is to establish a centralized design language enforcing token-based styling. This aligns colors, typography, and spacing directly with your tailwind.config.ts configuration.

Related Skills

Explore More Design & Creative Skills→
Columbia-Cloudworks-LLCColumbia-Cloudworks-LLC
1

brand-guidelines

Apply EquipQR brand styling to documents, mockups, and diagrams.

Official
Intermediate
tgunawandevtgunawandev

shadcn-designer

Generate shadcn UI React components from natural language descriptions.

Community
Advanced
quanngynxquanngynx

ai-elements

Create AI chat interface components for Next.js and shadcn/ui projects.

Community
Basic
johnlindquistjohnlindquist
24

figma

Extract design tokens, components, and styles from Figma files.

Community
Intermediate