tams-design-system

Standardize TammerStore admin UI with reusable layouts, components, and patterns.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/tammerofficial/tams --skill tams-design-system
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tams-design-system
Source: https://github.com/tammerofficial/tams/tree/main/.cursor/skills/tams-design-system
Command: npx skills add https://github.com/tammerofficial/tams --skill tams-design-system

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about tams-design-system

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

FAQPage Schema
How do I build an admin UI with a reusable design system?

You can build an admin UI by applying a reusable design system that provides predefined master layouts, cards, tables, forms, and modals. This approach standardizes components and ensures a consistent user experience across admin pages.

What is the best way to standardize admin dashboard components?

The best way to standardize admin dashboard components is using a centralized UI kit with predefined classes and structural patterns. This prevents visual drift and enables rapid page assembly using consistent layouts, forms, and tables.

How do I prevent visual drift in admin UI development?

To prevent visual drift in admin UI development, apply a cohesive design system with standardized layouts, integrated iconography, and typography guidelines. This maintains visual harmony and ensures consistent frontend conventions across all screens.

Can I use predefined layouts and modals for rapid admin page assembly?

Yes, you can use predefined layouts and modals for rapid admin page assembly. The design system supplies standardized components like cards, tables, and forms with predefined structures, allowing you to quickly construct consistent admin interfaces.

Does this admin UI kit include icons and typography guidelines?

Yes, this admin UI kit includes an integrated icon set (Icofont) and typography guidelines. These features are provided to maintain visual harmony and ensure a cohesive design language across all admin pages.

What components are included in a standard admin UI design system?

A standard admin UI design system includes reusable master layouts, headers, navbars, footers, and standardized components like cards, tables, forms, and modals. These components provide a consistent frame for rapid page creation.