component-wrapper-architecture
✓Best practices for wrapping shadcn/ui components. Apply when creating 8-bit styled variants of existing shadcn/ui components.
Installation
SKILL.md
8-bit components wrap shadcn/ui components rather than replacing them. This pattern maintains compatibility while adding retro styling.
For components with multiple sub-components, re-export unchanged parts:
Use outer wrapper for pixelated borders while keeping base component:
Best practices for wrapping shadcn/ui components. Apply when creating 8-bit styled variants of existing shadcn/ui components. Source: theorcdev/8bitcn-ui.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/theorcdev/8bitcn-ui --skill component-wrapper-architecture- Source
- theorcdev/8bitcn-ui
- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is component-wrapper-architecture?
Best practices for wrapping shadcn/ui components. Apply when creating 8-bit styled variants of existing shadcn/ui components. Source: theorcdev/8bitcn-ui.
How do I install component-wrapper-architecture?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/theorcdev/8bitcn-ui --skill component-wrapper-architecture Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/theorcdev/8bitcn-ui
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01