kb-frontend

Organize frontend development patterns for React, Tailwind, SSE, and Amplify UI.

97|2|Updated Jan 1, 2026
One-click install
npx skills add https://github.com/minorun365/my-claude-code-settings --skill kb-frontend
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: kb-frontend
Source: https://github.com/minorun365/my-claude-code-settings/tree/main/claude/skills/kb-frontend
Command: npx skills add https://github.com/minorun365/my-claude-code-settings --skill kb-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This knowledge base consolidates frontend patterns and best practices into a reusable skill unit to accelerate consistent development across projects.

Core Features & Use Cases

  • Catalogs patterns for React, TypeScript, Tailwind, SSE streaming, and Amplify UI.
  • Provides real-world usage examples and implementation guidelines for common UI components and data flows.
  • Use cases include scaffolding new projects, standardizing component libraries, and streaming UI patterns.

Quick Start

Summarize the latest frontend pattern and apply it to my React project.

Frequently Asked Questions about kb-frontend

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

FAQPage Schema
What are the best practices for implementing Server-Sent Events (SSE) streaming in React?

SSE streaming in React involves managing data flows and UI updates efficiently. This skill catalogs streaming UI patterns and provides actionable guidelines and example snippets to configure streaming interfaces effectively.

How do I scaffold a new React project with Tailwind CSS and Amplify UI?

Scaffolding a React project with Tailwind and Amplify UI requires standardizing component libraries and applying frameworks. This skill provides patterns and real-world usage examples to accelerate consistent project setup.

Can I use these frontend patterns to standardize a component library across multiple repositories?

Yes, you can use these patterns to standardize a component library across multiple repositories. This skill consolidates frontend knowledge into a reusable unit to accelerate consistent development and streamline onboarding.

How do I organize frontend development knowledge for React and Tailwind to improve onboarding?

Organizing frontend knowledge involves creating a patterns catalog with example snippets and guidelines. This skill structures React and Tailwind best practices into a reusable format to guide implementation and onboarding.

Does this skill provide real-world TypeScript and Tailwind examples for common UI components?

Yes, it provides real-world usage examples and implementation guidelines for common UI components. The skill catalogs patterns for React, TypeScript, Tailwind, and Amplify UI to streamline day-to-day frontend tasks.

What is the best way to apply UI frameworks across multiple frontend repositories?

Applying UI frameworks across repositories is best achieved by consolidating patterns into a reusable skill unit. This approach provides actionable guidelines and example snippets to ensure consistent framework application.