clb-frontend

Build and style Next.js 15 pages and React/TSX components with Tailwind CSS.

Updated Mar 15, 2026
One-click install
npx skills add https://github.com/lilbom32/ketnoitrithuc --skill clb-frontend
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: clb-frontend
Source: https://github.com/lilbom32/ketnoitrithuc/tree/main/.claude/skills/clb-frontend
Command: npx skills add https://github.com/lilbom32/ketnoitrithuc --skill clb-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Build, modify, or style React/TSX components and pages for the CLB Tri Thức website. This skill enables rapid UI iterations with a consistent editorial aesthetic across a Next.js 15 + Tailwind project.

Core Features & Use Cases

  • Scaffold new pages and reusable UI components in Next.js 15 using TypeScript and Tailwind CSS.
  • Update typography, spacing, and component behavior to maintain CLB brand consistency.
  • Adapt layouts for magazine-editorial style, accessibility, and responsive design across devices.

Quick Start

Ask the AI to scaffold a new Next.js 15 page and a reusable UI component following the CLB editorial design guidelines.

Frequently Asked Questions about clb-frontend

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

FAQPage Schema
How do I scaffold new pages and reusable UI components in Next.js 15 with Tailwind CSS?

Scaffolding Next.js 15 pages and reusable UI components involves creating TSX files with TypeScript and Tailwind CSS. This approach maintains project structure consistency while enabling rapid UI iterations with an editorial aesthetic.

What is a magazine-editorial design system in React and Tailwind?

A magazine-editorial design system in React and Tailwind applies structured typography, spacing, and responsive layout rules to TSX components. It ensures accessibility and brand consistency across Next.js pages.

Can I use this approach to update typography and spacing for a React component library?

Yes, you can update typography, spacing, and component behavior in React to maintain brand consistency. Using Tailwind CSS utility classes within TSX files keeps the editorial aesthetic uniform across all pages.

Does building a Next.js 15 website require TypeScript and Tailwind CSS?

Building this Next.js 15 website requires TypeScript and Tailwind CSS to style TSX components. These frameworks enforce type safety and maintain the magazine-editorial design system across the project.

What's the best way to adapt React layouts for responsive design and accessibility?

The best way to adapt React layouts for responsive design and accessibility is applying Tailwind CSS utility classes within TSX components. This maintains the magazine-editorial aesthetic across all devices.