·component-wrapper-architecture
*

component-wrapper-architecture

theorcdev/8bitcn-ui

包裝 shadcn/ui 組件的最佳實踐。在創建現有 shadcn/ui 組件的 8 位樣式變體時應用。

14安裝·0熱度·@theorcdev

安裝

$npx skills add https://github.com/theorcdev/8bitcn-ui --skill component-wrapper-architecture

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:

包裝 shadcn/ui 組件的最佳實踐。在創建現有 shadcn/ui 組件的 8 位樣式變體時應用。 來源:theorcdev/8bitcn-ui。

查看原文

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/theorcdev/8bitcn-ui --skill component-wrapper-architecture
分類
*創意媒體
認證
收錄時間
2026-02-01
更新時間
2026-02-18

快速解答

什麼是 component-wrapper-architecture?

包裝 shadcn/ui 組件的最佳實踐。在創建現有 shadcn/ui 組件的 8 位樣式變體時應用。 來源:theorcdev/8bitcn-ui。

如何安裝 component-wrapper-architecture?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/theorcdev/8bitcn-ui --skill component-wrapper-architecture 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用

這個 Skill 的原始碼在哪?

https://github.com/theorcdev/8bitcn-ui