syahiidkamil/Software-Engineer-AI-Agent-Atlas0°

shadcn

仓库创建 2025年6月14日最近提交 1 个月前SkillHot 收录 22 天前

⬈ GitHub 仓库 ⬈ SKILL.md 原文件 ⬇ Raw 原始文件

▸ 精选理由

加速基于 shadcn/ui 的组件开发与集成流程。

▸ 风险提示

依赖项目生态与特定包管理器，可能需要本地构建权限。

这个 Skill 做什么

管理 shadcn 组件和项目，包含添加、调试、样式与组合示例。

管理 shadcn/ui 组件在项目里的全流程：添加、查找、修复、调试、样式调整和组合示例都能覆盖。常在用 shadcn CLI 初始化、切 preset、或维护 components.json 的项目里用到，能生成可复用用例和文档。特点是结合项目上下文给出实操命令和代码示例，并提醒按项目的 package manager 跑 CLI。

▸ 展开 SKILL.md 英文原文

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".

开发编程shadcn组件管理样式通用

313

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/syahiidkamil/Software-Engineer-AI-Agent-Atlas/main/.claude/skills/shadcn/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/syahiidkamil/Software-Engineer-AI-Agent-Atlas/main/.claude/skills/shadcn/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# shadcn/ui

A framework for building ui, components and design systems. Components are added as source code to the user's project via the CLI.

> **IMPORTANT:** Run all CLI commands using the project's package runner: `npx shadcn@latest`, `pnpm dlx shadcn@latest`, or `bunx --bun shadcn@latest` — based on the project's `packageManager`. Examples below use `npx shadcn@latest` but substitute the correct runner for the project.

## Current Project Context

```json
!`npx shadcn@latest info --json`
```

The JSON above contains the project config and installed components. Use `npx shadcn@latest docs <component>` to get documentation and example URLs for any component.

## Principles

1. **Use exis

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有