Name: theplant.reference-ui
Author: theplant

Prompt file imported from theplant/workflow-runner (.windsurf/workflows/theplant.reference-ui.md). Fill in {{arguments}} before use. Copyright stays with the author.

User Input

{{arguments}}

You MUST consider the user input before proceeding (if not empty).

Outline

This workflow downloads the shadcn-admin project as a reference implementation for UI/UX patterns. The AI should use this codebase as a guide when building user interfaces.

Steps

Check if reference already exists:
```
ls -la .reference/shadcn-admin 2>/dev/null || echo "NOT_EXISTS"
```
- If the directory exists and contains files, skip to step 4
- If not exists, proceed to step 2
Create reference directory:
```
mkdir -p .reference
```
Download reference implementation:

// turbo
```
npx tiged --mode=git satnaing/shadcn-admin .reference/shadcn-admin
```
This downloads the shadcn-admin template which includes:
- Modern React + TypeScript setup
- shadcn/ui components
- TailwindCSS styling
- Dashboard layouts and patterns
- Authentication UI patterns
- Data table implementations
- Form patterns with validation
- Responsive design patterns

Add to .gitignore (if not already present):

Check if .reference/ is in .gitignore:

grep -q "^\.reference/" .gitignore 2>/dev/null || echo ".reference/" >> .gitignore

Report completion:

Confirm the reference UI has been downloaded and is ready for use. Provide a summary of key directories:

.reference/shadcn-admin/
├── src/
│   ├── components/    # Reusable UI components
│   ├── pages/         # Page layouts and patterns
│   ├── hooks/         # Custom React hooks
│   └── lib/           # Utility functions
└── ...

Usage Guidelines

When building UI/UX for this project, the AI should:

Reference component patterns from .reference/shadcn-admin/src/components/
Follow layout conventions from .reference/shadcn-admin/src/pages/
Adopt styling patterns using TailwindCSS classes as demonstrated
Use similar UX patterns for:
- Navigation and sidebars
- Data tables with sorting/filtering
- Forms with validation feedback
- Modal dialogs and sheets
- Toast notifications
- Loading states and skeletons

Key Rules

The .reference/ directory is for AI reference only, not for direct code copying
Always adapt patterns to fit the project's specific needs and architecture
Maintain consistency with existing project conventions when they differ

## User Input ```text {{arguments}} ``` You **MUST** consider the user input before proceeding (if not empty). ## Outline This workflow downloads the [shadcn-admin](https://github.com/satnaing/shadcn-admin) project as a reference implementation for UI/UX patterns. The AI should use this codebase as a guide when building user interfaces. ## Steps 1. **Check if reference already exists**: ```bash ls -la .reference/shadcn-admin 2>/dev/null || echo "NOT_EXISTS" ``` - If the directory exists and contains files, skip to step 4 - If not exists, proceed to step 2 2. **Create reference directory**: ```bash mkdir -p .reference ``` 3. **Download reference implementation**: // turbo ```bash npx tiged --mode=git satnaing/shadcn-admin .reference/shadcn-admin ``` This downloads the shadcn-admin template which includes: - Modern React + TypeScript setup - shadcn/ui components - TailwindCSS styling - Dashboard layouts and patterns - Authentication UI patterns - Data table implementations - Form patterns with validation - Responsive design patterns 4. **Add to .gitignore** (if not already present): Check if `.reference/` is in `.gitignore`: ```bash grep -q "^\.reference/" .gitignore 2>/dev/null || echo ".reference/" >> .gitignore ``` 5. **Report completion**: Confirm the reference UI has been downloaded and is ready for use. Provide a summary of key directories: ``` .reference/shadcn-admin/ ├── src/ │ ├── components/ # Reusable UI components │ ├── pages/ # Page layouts and patterns │ ├── hooks/ # Custom React hooks │ └── lib/ # Utility functions └── ... ``` ## Usage Guidelines When building UI/UX for this project, the AI should: 1. **Reference component patterns** from `.reference/shadcn-admin/src/components/` 2. **Follow layout conventions** from `.reference/shadcn-admin/src/pages/` 3. **Adopt styling patterns** using TailwindCSS classes as demonstrated 4. **Use similar UX patterns** for: - Navigation and sidebars - Data tables with sorting/filtering - Forms with validation feedback - Modal dialogs and sheets - Toast notifications - Loading states and skeletons ## Key Rules - The `.reference/` directory is for AI reference only, not for direct code copying - Always adapt patterns to fit the project's specific needs and architecture - Maintain consistency with existing project conventions when they differ

{ "prompt": "## User Input\n\n```text\n{{arguments}}\n```\n\nYou **MUST** consider the user input before proceeding (if not empty).\n\n## Outline\n\nThis workflow downloads the [shadcn-admin](https://github.com/satnaing/shadcn-admin) project as a reference implementation for UI/UX patterns. The AI should use this codebase as a guide when building user interfaces.\n\n## Steps\n\n1. **Check if reference already exists**:\n\n ```bash\n ls -la .reference/shadcn-admin 2>/dev/null || echo \"NOT_EXISTS\"\n ```\n\n - If the directory exists and contains files, skip to step 4\n - If not exists, proceed to step 2\n\n2. **Create reference directory**:\n\n ```bash\n mkdir -p .reference\n ```\n\n3. **Download reference implementation**:\n\n // turbo\n ```bash\n npx tiged --mode=git satnaing/shadcn-admin .reference/shadcn-admin\n ```\n\n This downloads the shadcn-admin template which includes:\n - Modern React + TypeScript setup\n - shadcn/ui components\n - TailwindCSS styling\n - Dashboard layouts and patterns\n - Authentication UI patterns\n - Data table implementations\n - Form patterns with validation\n - Responsive design patterns\n\n4. **Add to .gitignore** (if not already present):\n\n Check if `.reference/` is in `.gitignore`:\n ```bash\n grep -q \"^\\.reference/\" .gitignore 2>/dev/null || echo \".reference/\" >> .gitignore\n ```\n\n5. **Report completion**:\n\n Confirm the reference UI has been downloaded and is ready for use. Provide a summary of key directories:\n\n ```\n .reference/shadcn-admin/\n ├── src/\n │ ├── components/ # Reusable UI components\n │ ├── pages/ # Page layouts and patterns\n │ ├── hooks/ # Custom React hooks\n │ └── lib/ # Utility functions\n └── ...\n ```\n\n## Usage Guidelines\n\nWhen building UI/UX for this project, the AI should:\n\n1. **Reference component patterns** from `.reference/shadcn-admin/src/components/`\n2. **Follow layout conventions** from `.reference/shadcn-admin/src/pages/`\n3. **Adopt styling patterns** using TailwindCSS classes as demonstrated\n4. **Use similar UX patterns** for:\n - Navigation and sidebars\n - Data tables with sorting/filtering\n - Forms with validation feedback\n - Modal dialogs and sheets\n - Toast notifications\n - Loading states and skeletons\n\n## Key Rules\n\n- The `.reference/` directory is for AI reference only, not for direct code copying\n- Always adapt patterns to fit the project's specific needs and architecture\n- Maintain consistency with existing project conventions when they differ", "variables": [ "arguments" ], "notes": "Download a reference UI implementation (shadcn-admin) for AI to use as a guide when building UI/UX components.", "metadata": { "source": { "provider": "github-windsurf-workflows", "repository": "https://github.com/theplant/workflow-runner", "path": ".windsurf/workflows/theplant.reference-ui.md", "ref": "c3fb61ed848a66b4dcdd87ad9c31e21c8135eb47", "url": "https://github.com/theplant/workflow-runner/blob/c3fb61ed848a66b4dcdd87ad9c31e21c8135eb47/.windsurf/workflows/theplant.reference-ui.md", "key": "theplant/workflow-runner/.windsurf/workflows/theplant.reference-ui.md" } } }

theplant.reference-ui

About

User Input

Outline

Steps

Usage Guidelines

Key Rules

Use it

Manifest

Reviews