Skills
.Work. You
Rest

template-ui

Community

Place UI work within template conventions

Software Engineering#react#monorepo#nextjs#tailwind#shadcn#component-placement#pagecontainer
Authordtaborda
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Ensures every UI change in ui/ follows startup-saas-template's specific component locations, layout wrappers, and frontend patterns so the monorepo remains consistent.

Core Features & Use Cases

  • Component Placement Rules: Guides whether to use feature-local directories, shared @template/ui components, or packages based on reuse scope.
  • Routing & Layout Conventions: Defines protected/public routing groups, PageContainer usage, and full-height props for each page.
  • Decision Trees & QA: Documents styling decisions, directory rules, required tech stack, and quality checklist for dashboards, chat, profile, portfolio, and auth UI.

Quick Start

Follow template-ui guidance to place new UI components inside the correct ui/ feature folders and layout containers.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: template-ui
Download link: https://github.com/dtaborda/startup-saas-template/archive/main.zip#template-ui

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 471,000+ vetted skills library on demand.