ba-frontend-code-gen
CommunityFrontend code from Brand Guideline.
Software Engineering#typescript#frontend#react#tailwind#design-system#code-generation#brand-guideline
AuthorYukine5377
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Skill tự động hóa quá trình sinh code Frontend (React/TypeScript/Tailwind) từ yêu cầu của user, tuân thủ chặt chẽ Brand Guideline và nguyên tắc System Design.
Core Features & Use Cases
- Tự động sinh code Frontend từ Brand Guideline và Design System.
- Tách riêng Design Tokens (colors, typography, spacing) và component library cho sự tái sử dụng.
- Hỗ trợ tạo layout và UI components nhất quán cho nhiều màn hình và kích thước, tăng maintainability.
Quick Start
Hãy sinh code Frontend từ Brand Guideline và Design System dựa trên yêu cầu thiết kế được cung cấp.
Dependency Matrix
Required Modules
None requiredComponents
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: ba-frontend-code-gen Download link: https://github.com/Yukine5377/common/archive/main.zip#ba-frontend-code-gen Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.