skills.rest
sayali-ingle-pdl
sayali-ingle-pdlCOMMUNITY
Explore all skills by this author →
GitHub

stylelintrc

Generate a Stylelint configuration for Vue projects with SCSS detection.

Updated Nov 20, 2025
Search Tags:#linting#css#vue#scss#config-generation#stylelint
One-click install
npx skills add https://github.com/sayali-ingle-pdl/adusa-ai-vuejs-app-template --skill stylelintrc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stylelintrc
Source: https://github.com/sayali-ingle-pdl/adusa-ai-vuejs-app-template/tree/main/.github/agents/app-starter/agents-context/skills/stylelintrc
Command: npx skills add https://github.com/sayali-ingle-pdl/adusa-ai-vuejs-app-template --skill stylelintrc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Configuring Stylelint for CSS/SCSS in Vue projects is error-prone and time-consuming; this Skill automates generating a compliant .stylelintrc by detecting whether SCSS is used and aligning with the latest config packages and Vue compatibility.

Core Features & Use Cases

  • Detects stylesheet type (SCSS vs CSS) from package.json and source files to choose the right base config.
  • Generates a .stylelintrc that extends the appropriate standard config (with SCSS if needed) plus stylelint-config-recommended-vue for Vue SFCs.
  • Ensures you always use the latest Stylelint and config package versions, and validates compatibility with Vue projects.
  • Provides guidance for lint-staged integration to lint CSS/SCSS/Vue files before commits.

Quick Start

Run the skill to generate a tailored .stylelintrc for your Vue project, based on your current dependencies and file types.

Frequently Asked Questions about stylelintrc

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure Stylelint for SCSS in a Vue project?▼

To set up Vue Stylelint configuration, you need a .stylelintrc file that extends the appropriate standard config and stylelint-config-recommended-vue. This tool automates generating that file by detecting whether you use CSS or SCSS.

How does Stylelint detect whether to use CSS or SCSS rules?▼

Stylelint configuration generation detects SCSS usage by analyzing your package.json dependencies and source files. This ensures the resulting .stylelintrc selects the correct base config for your specific stylesheet syntax.

Can I integrate Stylelint with lint-staged for Vue Single File Components?▼

Yes, you can integrate Stylelint with lint-staged to automatically lint CSS, SCSS, and Vue files before commits. The generated configuration includes guidance for setting up this pre-commit workflow integration.

Does Stylelint configuration work with PostCSS in Vue applications?▼

Yes, Stylelint configuration is compatible with PostCSS in Vue applications. The generated setup validates the resulting configuration format and provides specific guidance for integrating with PostCSS if it is detected in your project.

What is the best way to ensure Vue Stylelint config compatibility with latest plugins?▼

The best way to ensure Vue Stylelint compatibility is to use the latest Stylelint and config package versions. This tool generates a config aligned with the newest plugins and validates compatibility with Vue projects.

Related Skills

Explore More Software Engineering Skills→
ehtbantonehtbanton

stylelint-config-generator

Generate Stylelint configuration files for CSS/SCSS linting and formatting.

Community
Basic
PaulRBergPaulRBerg
82

BiomeJS

Configure BiomeJS linting and formatting across monorepo projects.

Community
Advanced
IntelliTectIntelliTect

scaffold-component

Generate a Vuetify Vue 3 SFC scaffold with Composition API props and emits.

Official
Intermediate
e-xodee-xode
3

design-scss

Standardize SCSS design tokens and reusable mixins for Vue SFC component styles.

Official
Intermediate