Skills
.Work. You
Rest

frontend-demos-structure

Community

Navigate Think TARS frontend demos at a glance

Software Engineering#React#frontend#structure#demos#Vite#Playground
Authorfreddomingues
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill documents the frontend structure of Think TARS demos — site (Início, Sobre, Projetos, Contato) and the Playground where clients test AI assistants — to help developers quickly locate files and understand the frontend layout.

Core Features & Use Cases

  • Frontend folder map: shows the main files and folders, including frontend/index.html, frontend/package.json, frontend/vite.config.js, public/, and src/ with main.jsx, App.jsx, and index.css.
  • Stack and entry points: React 18, Vite 5; build output in frontend/dist; base URL /demos/.
  • Onboarding and debugging: useful when onboarding new team members or making changes to the Playground UI or site structure.

Quick Start

Navigate to the frontend/ directory and review App.jsx and index.css to understand how the UI is wired, or modify CSS variables in index.css to adjust the theme.

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: frontend-demos-structure
Download link: https://github.com/freddomingues/think-tars/archive/main.zip#frontend-demos-structure

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.