Skills
.Work. You
Rest

alfadocs-design-system

Official

Build AlfaDocs UIs with the right kit

Software Engineering#theming#react#storybook#design-system#ui-kit#alfadocs#marketplace-app-shell
Authoralfadocs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It prevents AlfaDocs app UIs from being built with the wrong component library, broken theme tokens, or hand-rolled styling that drifts from the design system.

Core Features & Use Cases

  • Kit-first component selection: Use the AlfaDocs UI kit primitives instead of inventing buttons, tables, dialogs, avatars, forms, or layout chrome.
  • Brand and theme consistency: Apply the shared tokens, four themes, RTL-safe logical properties, and app shell patterns across screens and product surfaces.
  • Common use case: Build a marketplace app, admin page, or patient-facing workflow with the official AlfaDocs components, translations, and shell instead of custom CSS or another UI framework.

Quick Start

Ask the assistant to build the AlfaDocs screen using the official UI kit, theme providers, translations, and MarketplaceAppShell instead of custom CSS or any competing component library.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: alfadocs-design-system
Download link: https://github.com/alfadocs/ai-harness-instructions/archive/main.zip#alfadocs-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 536,000+ vetted skills library on demand.