ui-styling
A styling skill from the UI UX Pro Max repository for building accessible interfaces with shadcn/ui components and Tailwind CSS, plus canvas-based visuals such as posters.
スキルの内容
A styling skill from the UI UX Pro Max repository for building accessible interfaces with shadcn/ui components and Tailwind CSS, plus canvas-based visuals such as posters. Its reference files cover the shadcn component catalogue (forms, navigation, overlays, data display), theming with CSS variables and dark mode, accessibility through Radix primitives, Tailwind customisation and a canvas design approach. Two bundled Python scripts add shadcn components with their dependencies and generate a Tailwind config with custom colours and fonts, refusing to overwrite a competing config unless forced. It includes example patterns such as a validated login form and a responsive grid with dark mode.
できること
- Add shadcn/ui components with their dependencies
- Generate a Tailwind config with custom colours and fonts
- Set up theming and dark mode
- Design canvas-based posters and brand visuals
概要
- 公開元
- nextlevelbuilder
- ツール
- フロントエンドデザイン
インストール
- すべてのクライアントに追加するには、次のコマンドを実行します:
npx ui-ux-pro-max-cli init --ai claude
含まれるファイル
- LICENSE.txt
- canvas-fonts/ArsenalSC-OFL.txt
- canvas-fonts/ArsenalSC-Regular.ttf
- canvas-fonts/BigShoulders-Bold.ttf
- canvas-fonts/BigShoulders-OFL.txt
- canvas-fonts/BigShoulders-Regular.ttf
- canvas-fonts/Boldonse-OFL.txt
- canvas-fonts/Boldonse-Regular.ttf
- canvas-fonts/BricolageGrotesque-Bold.ttf
- canvas-fonts/BricolageGrotesque-OFL.txt
- canvas-fonts/BricolageGrotesque-Regular.ttf
- canvas-fonts/CrimsonPro-Bold.ttf
- canvas-fonts/CrimsonPro-Italic.ttf
- canvas-fonts/CrimsonPro-OFL.txt
- canvas-fonts/CrimsonPro-Regular.ttf
- canvas-fonts/DMMono-OFL.txt
- canvas-fonts/DMMono-Regular.ttf
- canvas-fonts/EricaOne-OFL.txt
- canvas-fonts/EricaOne-Regular.ttf
- canvas-fonts/GeistMono-Bold.ttf
- canvas-fonts/GeistMono-OFL.txt
- canvas-fonts/GeistMono-Regular.ttf
- canvas-fonts/Gloock-OFL.txt
- canvas-fonts/Gloock-Regular.ttf
- canvas-fonts/IBMPlexMono-Bold.ttf
MCPサーバーやスキルは、お使いのコンピューターでコードを実行したり、データを操作したりできます。インストールする前にソースを確認してください。
このスキルには、エージェントが実行する可能性のあるスクリプトが含まれています。
詳細
| 項目 | 内容 | 出典 |
|---|---|---|
| 種類 | スキル | |
| ツール | フロントエンドデザイン | |
| 公開元 | nextlevelbuilder | 出典 |
| 公式かどうか | ドキュメントに記載なし | |
| APIキーまたはサインインが必要 | ドキュメントに記載なし | |
| スクリプトを含む | はい | 出典 |
| プラットフォーム | ドキュメントに記載なし | |
| AIクライアント | Claude Code, Cursor, Codex, Gemini CLI, Devin Desktop | 出典 |
| ライセンス | MIT | 出典 |
| 料金 | ドキュメントに記載なし | |
| 活動状況 | 最終コミット 2026年11月10日GitHubスター 148,022ダウンロード数のデータなし(npm・PyPIで未公開) | 出典 |
| リンク | リポジトリ Webサイト |
ほかのリポジトリにあるこのスキルのコピー(14件)
このスキルとは内容が異なります。手を加えたコピーか、古いバージョンの可能性があります。
- ui-stylingmrgoonie/claudekit-skills
- ui-stylingvodailocz/kilo-kit-mcp
- ui-stylingnicohodt/claude-code-ui-ux-skill
- ui-stylingnicohodt/claude-code-ui-ux-skill
- ui-stylingtamnguyendinh/anvien
- ui-stylingjdanigo/hydraia
- ui-stylingmhrsdev/ai-agent-skills-library
- ui-stylingmhrsdev/ai-agent-skills-library
- ui-stylingmhrsdev/ai-agent-skills-library
- ui-stylingekuboprotocol/wallet
- ui-stylinguserinner/skills
- ui-stylingdxkjuanjuan/ui-forge
- ui-stylingpetersonsenadevs/senzu
- ui-stylingjaximus808/tandem
nextlevelbuilderのほかの掲載
スキル8件
nextlevelbuilderの掲載8件をすべて見る →こちらにも掲載: フロントエンドデザイン
出典
- GitHubリポジトリgithub.com/nextlevelbuilder/ui-ux-pro-max-skill · 根拠となる項目:AIクライアント, 公開元, 活動状況, ライセンス2026年11月11日
- スキルファイル(SKILL.md)github.com/nextlevelbuilder/ui-ux-pro-max-skill · 根拠となる項目:ライセンス, スクリプトを含む2026年11月10日
- リポジトリ内のフォルダ(ui-styling)github.com/nextlevelbuilder/ui-ux-pro-max-skill · 根拠となる項目:スクリプトを含む2026年11月10日