shadcn-ui

작성자: google-labs-code

shadcn/ui 컴포넌트를 프로젝트에서 발견, 설치 및 사용자 정의하기 위한 전문 가이드입니다. shadcn/ui는 라이브러리가 아닌 복사-붙여넣기 컴포넌트 모음으로, 컴포넌트가 코드베이스에 직접 위치하여 완전한 소유권과 버전 종속 없는 사용자 정의가 가능합니다. Radix UI 또는 Base UI 프리미티브를 기반으로 Tailwind CSS 스타일링이 적용된 50개 이상의 접근 가능한 사전 구축 컴포넌트(버튼, 대화상자, 양식, 테이블 등)를 포함합니다. CSS 변수를 통한 테마 사용자 정의, 컴포넌트 변형 지원 등을 제공합니다.

npx skills add https://github.com/google-labs-code/stitch-skills --skill shadcn-ui

ZIP 다운로드 GitHub

google-labs-code의 다른 스킬

agent-dx-cli-scale

google-labs-code

CLI가 AI 에이전트에 얼마나 잘 설계되었는지 평가하기 위한 점수 척도로, "AI 에이전트를 위한 CLI 재작성" 원칙에 기반합니다.

google-labs-code

Ink 터미널 렌더러로, JSON 사양을 대화형 터미널 UI로 변환합니다. @json-render/ink로 작업하거나 터미널 UI를 구축할 때 사용하세요.

tdd-red-green-refactor

google-labs-code

이 스킬은 AI 지원 프로그래밍을 위한 구조적 프레임워크를 구현하여 모든 코드 라인이 검증 가능하고, 타입이 지정되며, 목적에 부합하도록 보장합니다.

typed-service-contracts

google-labs-code

Spec and Handler" 패턴을 사용하여 견고하고 타입 안전한 TypeScript 서비스를 구축하기 위한 아키텍처 표준입니다. CLI, 라이브러리 또는 복잡한...

automate-github-issues

google-labs-code

병렬 Jules 코딩 에이전트를 사용하여 자동화된 GitHub 이슈 분류 및 해결 설정

local-action-verification

google-labs-code

act를 사용하여 로컬 GitHub Actions 검증을 위한 리포지토리를 설정하여, Jules가 푸시 전에 CI를 검증할 수 있도록 합니다.

github-codebase-briefing

google-labs-code

이 스킬은 저장소에 대한 "심층 읽기"를 수행합니다. 프로젝트의 아키텍처를 먼저 이해한 후, 해당 맥락에 맞춰 열린 항목들을 평가함으로써 피상적인 목록화를 피합니다.

stitch-sdk-bug-bash

google-labs-code

실제 API 키를 사용하여 Stitch SDK의 버그를 찾습니다. 표준 기능 경계와 까다로운 상황을 다룹니다.