Add Frontend/UI/UX/Design section with shadcn/ui

- Create dedicated frontend-ui-ux-design directory
- Add component libraries reference (shadcn/ui, Radix, MUI, etc.)
- Add design systems reference (Material, Carbon, Polaris)
- Add CSS frameworks reference (Tailwind, Bootstrap, CSS-in-JS)
- Add frontend stacks reference (React, Vue, Next.js, Svelte)
- Add UI experts reference (MiniMax, GLM design agents)
- Update README with prominent Frontend section
- Include shadcn/ui quick start guide
- Add recommended 2026 tech stack
This commit is contained in:
uroma
2026-02-13 11:26:26 +00:00
Unverified
parent b60638f0a3
commit cc60c8bdb4
7 changed files with 1431 additions and 1 deletions

76
README.md Executable file → Normal file
View File

@@ -17,7 +17,7 @@
| **Hooks** | 23 |
| **MCP Integrations** | 9 |
| **Codebases** | 1 |
| **Total Files** | 500+ |
| **Total Files** | 1000+ |
---
@@ -57,6 +57,7 @@ GLM-Tools-Skills-Agents/
├── mcp-configs/ # MCP server configs
├── codebases/z-ai-tooling/ # Full Next.js 16 project
├── original-docs/ # Source documentation
├── frontend-ui-ux-design/ # Frontend/UI/UX resources (NEW)
└── registries/ # Skill registries
```
@@ -94,6 +95,78 @@ From obra/superpowers, ui-ux-pro-max, claude-codex-settings:
---
---
## 🎨 Frontend / UI / UX / Design
**Dedicated section for all frontend development and design resources.**
### Directory: \`frontend-ui-ux-design/\`
| Subdirectory | Content |
|--------------|---------|
| **[component-libraries/](frontend-ui-ux-design/component-libraries/)** | UI component libraries (shadcn/ui, Radix, MUI) |
| **[design-systems/](frontend-ui-ux-design/design-systems/)** | Design systems & tokens |
| **[css-frameworks/](frontend-ui-ux-design/css-frameworks/)** | CSS frameworks (Tailwind, Bootstrap) |
| **[frontend-stacks/](frontend-ui-ux-design/frontend-stacks/)** | Technology stacks (React, Vue, Next.js) |
| **[ui-experts/](frontend-ui-ux-design/ui-experts/)** | AI design experts (MiniMax, GLM) |
### Component Libraries
**Primary: [shadcn/ui](https://ui.shadcn.com)** - Copy & paste React components with Tailwind CSS
| Library | Framework | Type | URL |
|---------|-----------|------|-----|
| **shadcn/ui** | React | Copy-paste | https://ui.shadcn.com |
| **Radix UI** | React | Headless | https://radix-ui.com |
| **MUI** | React | Components | https://mui.com |
| **Chakra UI** | React | Components | https://chakra-ui.com |
| **Mantine** | React | Full-featured | https://mantine.dev |
| **shadcn-vue** | Vue | Copy-paste | https://www.shadcn-vue.com |
| **shadcn-svelte** | Svelte | Copy-paste | https://www.shadcn-svelte.com |
### Recommended Stack (2026)
\`\`\`
Framework: Next.js 15/16
Styling: Tailwind CSS 4
Components: shadcn/ui
Language: TypeScript
State: Zustand
Data: TanStack Query
Forms: React Hook Form
Auth: NextAuth.js
\`\`\`
### Quick Start
\`\`\`bash
npx create-next-app@latest my-app --typescript --tailwind --app
cd my-app
npx shadcn@latest init
npx shadcn@latest add button card dialog form input
\`\`\`
### AI Design Experts
| Expert | Platform | Use Case |
|--------|----------|----------|
| \`logo_generation\` | MiniMax | Logo design |
| \`icon_generation\` | MiniMax | Icon creation |
| \`landing_page\` | MiniMax | Landing page design |
| \`image_generation\` | GLM | Image generation |
| \`video_generation\` | GLM | Video creation |
| \`ui_to_artifact\` | MCP | Screenshot to code |
### Related Skills
- **ui-ux-pro-max** (\`skills/external/ui-ux-pro-max/\`) - 50 styles, 97 palettes, 57 font pairings
- **zai-tooling-reference** (\`skills/zai-tooling-reference/\`) - Next.js patterns
- **minimax-experts** (\`skills/minimax-experts/\`) - 40 AI experts
- **glm-skills** (\`skills/glm-skills/\`) - Multimodal AI
---
## Agents Catalog (31)
### From claude-codex-settings (8)
@@ -224,6 +297,7 @@ npx skills add <skill-name>
| 2026-02-13 | Added community repos: jat, pi-mono, picoclaw, dyad, dexter |
| 2026-02-13 | Added 91 leaked system prompts (Anthropic, OpenAI, Google, xAI) |
| 2026-02-13 | Added toad agent configs, JAT hooks, pi-mono prompts |
| 2026-02-13 | Added Frontend/UI/UX/Design section (shadcn/ui, design systems, CSS frameworks, stacks) |
---