/design-foundation | ui-design-system | ClaudePluginHub

Back to Commands

Slash Command

Community

/design-foundation

From ui-design-system

4

Description

Set up complete design system foundation for new React Native or Next.js project

AI Summary

Sets up complete design system foundation with tokens, structure, and theme provider for React Native or Next.js projects.

Install

1

Add the repository(one-time)

$

/plugin marketplace add apexscaleai/claude-ui-design-system

2

Install the plugin

$

/plugin install ui-design-system@ui-design-system-marketplace

Namespace

commands/

Command Content

I'll help you set up a complete design system foundation for your new project.

What I'll create:

Design tokens (colors, typography, spacing, shadows, radius)
Project folder structure (atomic design)
Theme provider and hooks
Complete documentation
Apply your chosen design preset

Please provide:

What framework? (React Native or Next.js)
Which design preset would you like?
- minimalist-modern - Clean, spacious, timeless
- glass-aesthetic - Transparent, depth, modern
- bold-brutalist - High contrast, geometric, bold
- soft-neumorphic - Subtle shadows, tactile
- timeless-classic - Professional, accessible
- bleeding-edge-experimental - Latest 2025 trends

Once you provide this information, I'll use the design-system-foundation skill to set everything up for you.

Links

GitHub Stats

0 forks

Updated 2 months ago