restaurant-intel-design

Define React and Tailwind UI design tokens and component guidelines.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/adamway/thoughts-cli --skill restaurant-intel-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: restaurant-intel-design
Source: https://github.com/adamway/thoughts-cli/tree/main/.claude/skills/restaurant-intel-design
Command: npx skills add https://github.com/adamway/thoughts-cli --skill restaurant-intel-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It provides a cohesive design system and component guidelines to maintain visual consistency across the Restaurant Intel platform.

Core Features & Use Cases

  • Design System Reference: Supplies tokens, color schemes, and typography standards for React + Tailwind styling.
  • Component Guidelines: Details on building buttons, modals, cards, grids, and other UI elements conforming to the platform's aesthetics.
  • Use Case: When creating a new dashboard or form, follow these guidelines to ensure visual uniformity and accessibility compliance.

Quick Start

Use this skill to access the design tokens and component standards whenever developing front-end features for the Restaurant Intel platform.

Frequently Asked Questions about restaurant-intel-design

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

FAQPage Schema
How do I maintain visual consistency in React and Tailwind UI components?

You maintain visual consistency by applying standardized styling tokens, color schemes, and typography from a centralized design system. This provides a unified visual language for buttons, cards, and modals built with React and Tailwind.

What are UI component standards for building accessible dashboards and forms?

UI component standards for accessible interfaces enforce accessibility principles and standardized styling tokens for buttons, modals, and cards. They ensure visual uniformity and compliance when building new dashboards or forms in React.

Can I use Tailwind to implement design tokens for a React front-end?

Yes, you can use Tailwind to implement design tokens for a React front-end. The system supplies tokens, color schemes, and typography standards specifically for Tailwind styling to ensure seamless design implementation across UI elements.

Does this design system reference cover modals, cards, and button guidelines?

Yes, the design system reference covers modals, cards, and button guidelines. It details building these UI elements to conform to the platform's aesthetics while maintaining front-end visual consistency and accessibility compliance.

When do I need a design system reference for React and Tailwind interfaces?

You need a design system reference when creating a new dashboard or form in React and Tailwind. Following these guidelines during front-end development ensures visual uniformity and accessibility compliance across the platform.