styling

Name: styling
Author: wpuipress

Styling Guidelines

by wpuipress(0) 0 installs

Free

Free account. Installing gives you the manifest plus copy-paste snippets.

See reviews

About

Prompt file imported from wpuipress/uipress-lite (.cursor/commands/styling.md). Copyright stays with the author.

Styling Guidelines

Tailwind CSS Usage

Use Tailwind utility classes
Always use the colour 'slate-x' for neutral backgrounds and borders
Design everything with dark mode supporting classes
Prefer responsive design patterns
Maintain consistent spacing using Tailwind's scale
Use semantic color names when defining custom colors
Follow mobile-first responsive approach

Color Usage

Use 'slate-x' for neutral backgrounds and borders
Design with dark mode in mind
Use semantic color names for custom colors

Responsive Design

Mobile-first approach
Use Tailwind's responsive breakpoints
Maintain consistent spacing using Tailwind's scale

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

# Styling Guidelines

## Tailwind CSS Usage

- Use Tailwind utility classes
- Always use the colour 'slate-x' for neutral backgrounds and borders
- Design everything with dark mode supporting classes
- Prefer responsive design patterns
- Maintain consistent spacing using Tailwind's scale
- Use semantic color names when defining custom colors
- Follow mobile-first responsive approach

## Color Usage

- Use 'slate-x' for neutral backgrounds and borders
- Design with dark mode in mind
- Use semantic color names for custom colors

## Responsive Design

- Mobile-first approach
- Use Tailwind's responsive breakpoints
- Maintain consistent spacing using Tailwind's scale

Installed into a catalogue, chosen by a router

Install styling and it becomes one more candidate the router can pick - when it fits.

A listing is a routing target with a manifest: what it does, which domains it covers, what it costs and who publishes it. Once installed it sits beside your own models and tools, is scored like any other candidate for each request, and shows up in the trace when it wins. Ratings come from workspaces that installed it, one per account.

Photo: RDNE Stock project

Manifest

The prompt text and its fill-in variables. Copy it or fetch it by URL from your own code.

wpuipress-uipress-lite-styling-cursor-command.prompt.jsonjson

{
  "prompt": "# Styling Guidelines\n\n## Tailwind CSS Usage\n\n- Use Tailwind utility classes\n- Always use the colour 'slate-x' for neutral backgrounds and borders\n- Design everything with dark mode supporting classes\n- Prefer responsive design patterns\n- Maintain consistent spacing using Tailwind's scale\n- Use semantic color names when defining custom colors\n- Follow mobile-first responsive approach\n\n## Color Usage\n\n- Use 'slate-x' for neutral backgrounds and borders\n- Design with dark mode in mind\n- Use semantic color names for custom colors\n\n## Responsive Design\n\n- Mobile-first approach\n- Use Tailwind's responsive breakpoints\n- Maintain consistent spacing using Tailwind's scale",
  "variables": [],
  "notes": "Styling Guidelines",
  "metadata": {
    "source": {
      "provider": "github-cursor-commands",
      "repository": "https://github.com/wpuipress/uipress-lite",
      "path": ".cursor/commands/styling.md",
      "ref": "fc0be8407f6e8bfe1b264e49f3162405896f1a57",
      "url": "https://github.com/wpuipress/uipress-lite/blob/fc0be8407f6e8bfe1b264e49f3162405896f1a57/.cursor/commands/styling.md",
      "key": "wpuipress/uipress-lite/.cursor/commands/styling.md"
    }
  }
}

Fetch it by URL: GET /api/v1/registry/wpuipress-uipress-lite-styling-cursor-command/manifest?version=1.0.0

About

Styling Guidelines

Tailwind CSS Usage

Color Usage

Responsive Design

Use it

Install styling and it becomes one more candidate the router can pick - when it fits.

Manifest

Reviews