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:
76
README.md
Executable file → Normal file
76
README.md
Executable file → Normal 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) |
|
||||
|
||||
---
|
||||
|
||||
|
||||
Reference in New Issue
Block a user