shadcn-add

Estrelas5.399

Forks168

Atualizado12 de maio de 2026 às 19:57

Follow up cleanup and refactors that **must** be done whenever a new shadcn component is added via the add cli command. This skill should be checked whenever a new file is added to the shadcn ui component directory (`src/components/ui`).

Instalação

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Executar no Manus

Fonte

remeda

remeda/remeda

Abrir repositório GitHub Ver repositórios do creator

Download

Executar no Manus

Ocupações relacionadasSOC

Baseado na classificação ocupacional SOC

Desenvolvedores webInformática e Matemática·SOC 15-1254

SKILL.md

readonly

name	shadcn-add
description	Follow up cleanup and refactors that must be done whenever a new shadcn component is added via the add cli command. This skill should be checked whenever a new file is added to the shadcn ui component directory (`src/components/ui`).

Remove:

The global React namespace import (import * as React from "react"); only import the concrete types and utilities needed.
Any React. prefixes, both in types and in runtime code.
The global export { } block; add the export keyword to each declaration instead.
"use client" directives.
Blank lines within the import statements.

Fix:

Issues caused by having exactOptionalPropertyTypes enabled. This might require removing props from destructurings.
Tailwind v4 modernization concerns (squashing data-['xxx'] attributes to data-xxx, converting arbitrary sizes to concrete values, e.g. size-[3rem] to size-12).

Organize:

Sort imports via the vscode "Organize Imports" source action.

Mais deste repositório

mesmo repositório

remeda-utility

remeda/remeda

Conventions for authoring, modifying, testing, and documenting a Remeda utility function — including the migration mapping pages for Lodash/Ramda/Just users. Use this skill whenever editing a file under `packages/remeda/src/` or `packages/docs/src/content/mapping/{lodash,ramda,just}/`, when reviewing a PR or local changes touching those directories, or whenever an issue, PR, or chat refers to a specific Remeda function or to a migration mapping page.

2026-06-075.4k

shadcn

remeda/remeda

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".

2026-04-275.4k

name	shadcn-add
description	Follow up cleanup and refactors that must be done whenever a new shadcn component is added via the add cli command. This skill should be checked whenever a new file is added to the shadcn ui component directory (`src/components/ui`).

Remove:

The global React namespace import (import * as React from "react"); only import the concrete types and utilities needed.
Any React. prefixes, both in types and in runtime code.
The global export { } block; add the export keyword to each declaration instead.
"use client" directives.
Blank lines within the import statements.

Fix:

Issues caused by having exactOptionalPropertyTypes enabled. This might require removing props from destructurings.
Tailwind v4 modernization concerns (squashing data-['xxx'] attributes to data-xxx, converting arbitrary sizes to concrete values, e.g. size-[3rem] to size-12).

Organize:

Sort imports via the vscode "Organize Imports" source action.