PluginBench
Rule

astro typescript

via PatrickJS/awesome-cursorrules

TypeScript-first Astro development with conventional commits, TailwindCSS styling, and modular component patterns.

What is astro typescript?

This rule enforces strict TypeScript, TailwindCSS utility-first styling, and conventional commit conventions for Astro projects. Use it to maintain type safety, consistent code style, and clear commit history across your Astro application.

  • Enforce strict TypeScript settings for type safety across the project
  • Apply TailwindCSS utility-first styling to all components
  • Generate conventional commit messages with the /commit slash command
  • Require modular, reusable Astro components with clear separation of concerns
  • Enforce code comments that describe purpose rather than effect
  • Prioritize DRY principles and performance in code organization

Applies to

File patterns this rule matches.

**/*
Rule definition (reference)

Source of truth, from the repository.

{ "rules": { "commit_message_guidelines": { "description": "Guidelines for creating conventional commit messages.",

  "format": {
    "description": "The format for commit messages using the conventional commits spec.",
    "body": "[optional scope]: \n\n[optional body]\n\n[optional footer(s)]"
  },
  
  "enabled": true,
  
  "rules": [
    {
      "description": "Always suggest a conventional commit with a type and optional scope in lowercase letters."
    },
    {
      "description": "Keep the commit message concise and within 60 characters."
    },
    {
      "description": "Ensure the commit message is ready to be pasted into the terminal without further editing."
    },
    {
      "description": "Provide the full command to commit, not just the message."
    }
  ],
  
  "examples": [
    {
      "prompt": "<diff_context> /commit",
      "response": "git commit -m 'feat: add responsive navbar with TailwindCSS'"
    }
  ]
},

"development_guidelines": {
  "description": "Guidelines for developing code with Astro, TypeScript, and TailwindCSS.",
  
  "enabled": true,
  
  "rules": [
    {
      "description": "Enforce strict TypeScript settings, ensuring type safety across the project."
    },
    {
      "description": "Use TailwindCSS for all styling, keeping the utility-first approach in mind."
    },
    {
      "description": "Ensure Astro components are modular, reusable, and maintain a clear separation of concerns."
    }
  ]
},

"coding_style": {
  "description": "Guidelines for maintaining consistent coding style.",
  
  "enabled": true,
  
  "rules": [
    {
      "description": "Code must start with path/filename as a one-line comment."
    },
    {
      "description": "Comments should describe purpose, not effect."
    },
    {
      "description": "Prioritize modularity, DRY principles, and performance."
    }
  ]
},

"custom_slash_commands": {
  "description": "Custom slash commands.",
  
  "enabled": true,
  
  "commands": [
    {
      "name": "/commit",
      "description": "Generate a Git commit message using the conventional commits spec.",
      "enabled": true
    }
  ]
}

} }

Related rules

Senior full-stack TypeScript, React, Node.js guidance with clean architecture, testing, and WHY-oriented reasoning.

**/*
41k
via PatrickJS/awesome-cursorrules

Quantitative factor research skills for designing, evaluating, and mining alpha factors in equities markets.

**/*
41k
via PatrickJS/awesome-cursorrules

Android development with Jetpack Compose, clean architecture, and Material Design 3.

**/*
41k
via PatrickJS/awesome-cursorrules

Angular development with Novo Elements UI library using standalone components.

**/*
41k
via PatrickJS/awesome-cursorrules

Expert Angular 18 + TypeScript development with Jest, emphasizing clean code and performance.

**/*
41k
via PatrickJS/awesome-cursorrules

Manage Kubernetes clusters, add-ons, stacks, and credentials via the Ankra CLI platform.

**/*.sh +5
41k
via PatrickJS/awesome-cursorrules