Adrienenjalbert/component-placement
nextjs-app/ai-src/skills/component-placement/SKILL.md
Use when deciding where new components belong, when splitting large components, or when choosing between feature components, shared helpers, and primitive UI layers in this repo.
tools
Updated Apr 21, 2026
$ install --global
skillsauthnpx skillsauth add Adrienenjalbert/flex-carrer-hub component-placementInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 22, 2026, 3:01 AM176.6s1 file scanned
SKILL.md
- name:
- component-placement
- description:
- Use when deciding where new components belong, when splitting large components, or when choosing between feature components, shared helpers, and primitive UI layers in this repo.
Component Placement
Use When
- creating a new component
- moving a component
- deciding whether a component is feature-specific or shared
- breaking down a large page component
Placement Order
Choose a layer in this order:
src/features/<feature>/...src/features/career-hub/shared/...src/components/common/...src/components/ui/...src/shared/...
Layer Rules
src/features/<feature>
Default for:
- sections
- page shells
- route-family UI
- feature clients
- feature-specific display components
src/features/career-hub/shared
Use for domain-shared Career Hub UI:
- header/footer
- shared layouts
- CTA blocks
- navigation hubs
- schema helpers
src/components/common
Use only for truly generic cross-feature helpers:
- layout primitives
- stat grids
- callouts
- typography helpers
src/components/ui
Use for primitive UI controls only.
src/shared
Use for cross-feature infrastructure, not normal display components.
Naming Patterns
SomethingShell.tsxSomethingSections.tsxSomethingClient.tsx
Forbidden Patterns
- new feature UI under
@/components/career-hub/... - dropping route-family UI into
src/components/commonby default - creating brand-new primitives when
src/components/uialready has one
Reuse Rule
Before creating a component, search in this order:
- current feature folder
src/features/career-hub/sharedsrc/components/commonsrc/components/ui
Related Skills
Adrienenjalbert/verification-checklist
development
VerifiedTrustedCommunity
Use when finishing a code change, validating generated code, or deciding which repo checks must run before presenting work in this repo.
SKILL.mdUpdated Apr 21, 2026
Adrienenjalbert/tool-page-builder
tools
VerifiedTrustedCommunity
Use when creating or editing Career Hub tool pages, calculator pages, tool metadata, tool registry entries, or tool-specific support sections in this repo.
SKILL.mdUpdated Apr 21, 2026
Adrienenjalbert/seo-page-rules
data-ai
VerifiedTrustedCommunity
Use when editing public pages, metadata, canonical URLs, structured data, sitemaps, robots rules, or any SEO-sensitive behavior in this repo.
SKILL.mdUpdated Apr 21, 2026
Adrienenjalbert/safe-refactor
development
VerifiedTrustedCommunity
Use when refactoring existing code, moving files, normalizing structure, or improving architecture without changing user-visible behavior in this repo.
SKILL.mdUpdated Apr 21, 2026