8-bit-pixel-art-patter…
Create pixelated borders, shadows, and effects for 8-bit retro components. Apply when…
Use early returns to avoid unnecessary computation in loops and functions. Apply when processing arrays, validating input, or checking multiple conditions where the result can be determined before all iterations complete.
$ npx -y skills add theorcdev/8bitcn-ui --skill js-early-exit --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/js-early-exitContext preview
The summary Claude sees to decide when to auto-load this skill.
Use early returns to avoid unnecessary computation in loops and functions. Apply when processing arrays, validating input, or checking multiple conditions where the result can be determined before all iterations complete.
name: js-early-exit description: Use early returns to avoid unnecessary computation in loops and functions. Apply when processing arrays, validating input, or checking multiple conditions where the result can be determined before all iterations complete.
Return early when result is determined to skip unnecessary processing. This optimization is especially valuable when the skipped branch is frequently taken or when the deferred operation is expensive.
**Incorrect (processes all items even after finding answer):**
function validateUsers(users: User[]) {
let hasError = false
let errorMessage = ''
for (const user of users) {
if (!user.email) {
hasError = true
errorMessage = 'Email required'
}
if (!user.name) {
hasError = true
errorMessage = 'Name required'
}
// Continues checking all users even after error found
}
return hasError ? { valid: false, error: errorMessage } : { valid: true }
}**Correct (returns immediately on first error):**
function validateUsers(users: User[]) {
for (const user of users) {
if (!user.email) {
return { valid: false, error: 'Email required' }
}
if (!user.name) {
return { valid: false, error: 'Name required' }
}
}
return { valid: true }
}Accessible retro components that you can copy and paste into your apps.Free. Open Source. Built on shadcn/ui. Documentation · Components · Blocks · Themes · Discord
Repo: theorcdev/8bitcn-ui
Create pixelated borders, shadows, and effects for 8-bit retro components. Apply when…
Create documentation with gaming-specific examples, retro styling, and 8-bit terminology.…
Optimize 8-bit animations for smooth performance. Apply when creating animated pixel art,…
Import directly from source files instead of barrel files. Apply when using libraries like…
Use next/dynamic for lazy-loading heavy components. Apply when importing large components…
Best practices for wrapping shadcn/ui components. Apply when creating 8-bit styled variants…