Skills
.Work. You
Rest

tams-design-system

Community

Design-system kit for TammerStore admin UI.

Design & Creative#layout#icons#modals#design-system#ui-kit#cards#admin-ui
Authortammerofficial
Version1.0.0
Installs0

System Documentation

What problem does it solve?

TammerStore's admin UI requires a cohesive, reusable design language to prevent visual drift and speed up development. This design system provides a centralized set of layouts, components, and patterns (layout, cards, tables, forms, modals, icons) that can be applied across admin pages for consistent UX.

Core Features & Use Cases

  • Reusable Layouts: master layout, header, navbar, and footer to ensure a consistent frame.
  • Standardized Components: cards, tables, forms, modals with predefined classes and structure for rapid page assembly.
  • Iconography & Typography: integrated icon set (Icofont) and typography guidelines to maintain visual harmony across screens.

Quick Start

Apply the TammerStore design system to build or update admin pages with consistent layout, components, and styles.

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: tams-design-system
Download link: https://github.com/tammerofficial/tams/archive/main.zip#tams-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.