Skills
.Work. You
Rest

adteco-frontend-guidelines

Official

Ship accessible React UI with Adteco standards

Software Engineering#frontend#react#nextjs#tailwind#shadcn#tanstack-query#radix
Authoradteco
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill keeps Adteco frontend teams aligned by codifying consistent React 18/19, ShadCN, Radix UI, Tailwind, TanStack Query, Clerk, and Next.js 15 practices so new components and pages stay accessible, performant, and type-safe.

Core Features & Use Cases

  • Component and feature checklists: Step-by-step reminders for imports, tailwind styling, cn() usage, TanStack Query hooks, and Clerk authentication when building UI pieces.
  • Opinionated architecture guidance: Describes project structure, TypeScript contracts, dark mode handling, and ShadCN/Radix integration for scalable apps.
  • Reference links: Deep dives into component patterns, tailwind styling, Radix integration, data fetching, file organization, performance, and TypeScript standards so teams can learn the rationale.

Quick Start

Use this skill to ask for the required imports, utility hooks, and styling conventions before implementing a new React feature.

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: adteco-frontend-guidelines
Download link: https://github.com/adteco/glapi/archive/main.zip#adteco-frontend-guidelines

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.