Awamer awamer.ai
عربي

shadcn/ui Components

Design & UI google-labs-code

Building interfaces with the customizable shadcn/ui library.

How to get this skill

Agent Skill by google-labs-code. Download or clone it, then install it in your agent.

Open official source ↗ Publisher: google-labs-code

Setup & Installation

  1. Open the official source and download the skill files.
  2. Copy the skill folder (which contains SKILL.md) into your agent skills folder, e.g. .claude/skills/.
  3. Restart or reload the agent to auto-discover the skill.
  4. Check SKILL.md for any special instructions or requirements.
تركيب وتخصيص مكوّنات shadcn/ui لبناء واجهات متّسقة وقابلة للتوسّع.

المزوّد: Google Labs

أبرز ما تقدّمه:
• مكوّنات جاهزة
• تخصيص كامل
• اتّساق بصري

Related skills

Design & UI

Figma → Code

Converting Figma designs to accurate interface code.

openai Details →
Design & UI

Frontend Design

Professional UI development tools and user experience.

anthropics Details →
Design & UI

Stitch Design → React

Automating design-to-React component conversion through iterative workflows.

google-labs-code Details →
Design & UI

Web Artifacts Builder

Creating complex interactive HTML/React components.

anthropics Details →