搜索

PythonReactSEOPDF
GitHub Skill

add-shadcn-component

Add a shadcn component to the custom component library gooey

codinglabsau☆ 0 仓库 Stars0 仓库 Forks

安装与使用

请根据来源仓库和你的 AI 工具说明安装此技能。先阅读技能文件和依赖要求,再添加到工作流。

查看来源 ↗使用指南

技能说明

Input Parameters

You will be provided with the name of the component needed to add ie:

component-name: separator

Which you should run; npx shadcn-vue@latest add {component-name} to add the files

Once added, the files will be added in /src/components.

Implementation

  1. Update the src/index.ts file to include the export for the new component, make sure it is placed alphabetically with the other imports
  2. Documentation: 2a. Create a showcase vue file in app/pages/components (named after the component) 2b. Using the knowledge of the components added, create a basic implementation example 2c. Update the app/pages/index.ts file to include the export for this file - place it alphabetically 2d. Update the app/router/index.ts file to import this showcase file and add a route object - both placed alphabetically

Git

Finally, create a git branch {user-name}/add-{component} and create a draft pr

Sign Off

Return a structured summary of what was added, if necessary add a couple points on how this component can be used (for fun).

使用示例

查看来源仓库中的使用示例与配置说明。

查看来源 ↗

来源历史

收录时间
2026-01-20
索引更新时间
2026-01-26
Branch
main

收录与同步日期属于本站记录。源码修改历史请查看来源仓库。

GitHub ↗

chat Comments (0)

chat_bubble_outline

No comments yet. Be the first to share your thoughts!