Awesome-omni-skill frontend-component

Name: frontend-component
Author: diegosouzapw

Create React components following project standards.

install

source · Clone the upstream repo

git clone https://github.com/diegosouzapw/awesome-omni-skill

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/diegosouzapw/awesome-omni-skill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/development/frontend-component-afettah" ~/.claude/skills/diegosouzapw-awesome-omni-skill-frontend-component && rm -rf "$T"

manifest: skills/development/frontend-component-afettah/SKILL.md

source content

Component Creation

Use Generator Scripts

./scripts/generate-component.sh MyButton              # → shared/
./scripts/generate-component.sh ClusterCard clustering # → clustering/
./scripts/generate-hook.sh useTheme

Location Rules

Type	Path
Reusable	`components/shared/`
Feature-specific	`components/[feature]/`
Sub-components	`components/[feature]/components/`

Standards

Tailwind CSS with slate (bg/text) + sky (accents)
Icons from
```
lucide-react
```
Wrap in
```
memo()
```
for lists/visualizations
Always accept
```
className
```
prop
Use
```
@/
```
alias for imports