ehtbanton/claudeskillsrepo
Overview
This skill generates a ready-to-use PostCSS configuration file tailored to your project needs. It produces valid PostCSS 8.x configs (postcss.config.js or postcss.config.cjs) with commonly used plugins like Tailwind, autoprefixer, cssnano, and other optimizers. The output is immediately usable and follows conventional module.exports format. Use the trigger phrases to create or update a PostCSS setup quickly.
How this skill works
Given a short prompt describing the desired CSS toolchain, the skill selects and composes appropriate PostCSS plugins and writes a complete configuration file. It validates plugin compatibility with PostCSS 8.x and formats the result as module.exports with a plugins object. The generator can include conditional comments or variations (CJS vs. JS) based on your project's module system.
When to use it
- Initializing a new project that uses Tailwind CSS and needs autoprefixing
- Adding CSS optimizations (minification, preset-env) before production builds
- Migrating an older PostCSS setup to PostCSS 8.x compatible config
- Creating a minimal config for modern CSS features with postcss-preset-env
- Generating a config for tools that require postcss.config.js (e.g., webpack, Vite)
Best practices
- Choose postcss.config.cjs for CommonJS projects; use postcss.config.js if your toolchain supports ESM
- Include autoprefixer for broader browser compatibility, and postcss-preset-env to polyfill future CSS features
- Use cssnano or cssnano-preset-advanced only for production builds and keep it off during development
- Keep plugin order intentional: transform plugins (preset-env) before optimization plugins (cssnano)
- Document any custom plugin options in comments so future maintainers know why they were chosen
Example use cases
- Create postcss.config.js for Tailwind + autoprefixer when scaffolding a frontend project
- Generate a production config with cssnano and autoprefixer to reduce CSS bundle size
- Produce a config using postcss-preset-env to enable nesting, custom media queries, and stage features
- Migrate an older config by outputting a PostCSS 8.x compatible plugins object
- Provide a minimal config for component libraries that only need autoprefixer
FAQ
Use .cjs for CommonJS environments and tools that load config via require. Use .js if your build system supports ESM and you prefer that style.
Does the generated config include production-only optimizers?
Yes — the generator can include cssnano or similar optimizers and annotate them as production-only so you can wrap them in NODE_ENV checks.
52 skills
This skill generates a ready-to-use PostCSS configuration with Tailwind and autoprefixer, speeding CSS processing and project setup.
This skill generates a complete Helmet.js security configuration for Express applications, ensuring comprehensive headers and protection right away.
This skill generates production-realistic CSV files with proper headers, data types, and configurable row counts for testing, demos, and development.
This skill generates complete SQL schemas for PostgreSQL, MySQL, or SQLite with tables, relations, indexes, and constraints.
This skill generates a complete GitLab CI/CD pipeline configuration (.gitlab-ci.yml) with build, test, and deploy jobs.
This skill generates complete TanStack Query v5 hooks for data fetching and mutations in TypeScript projects.
This skill generates a tailored .gitignore file for your tech stack, combining relevant patterns and environments to streamline version control.
This skill generates realistic JSON API mock responses with nested structures, proper types, and configurable record counts for fast development.
This skill generates Redis configuration files and TypeScript client setup for caching and session management.
This skill generates production-ready ESLint configuration files for JavaScript and TypeScript projects, including modern flat config and legacy setups
This skill generates a complete Prettier configuration file tailored to your project with consistent formatting across languages.
This skill generates a complete Tailwind CSS configuration tailored with content paths, theme extensions, and plugins for your project.
This skill generates complete Prisma schema.prisma files with models, relations, enums, and configuration for TypeScript projects.
This skill generates a complete Dependabot configuration for GitHub projects, enabling automated dependency updates across npm, actions, and other supported
This skill generates a complete Helm chart with templates and values for Kubernetes deployments, ensuring valid Chart.yaml, values.yaml, and templates/*.yaml.
This skill generates a complete .dockerignore file tailored to your project type, excluding unnecessary files to optimize Docker builds.
This skill generates complete .env files and examples with structured sections, placeholders, and clear guidance for secrets across environments.
This skill generates complete, production-ready YAML configurations with sensible defaults and comments for quick customization.
This skill generates production-ready Terraform configurations for AWS, GCP, and Azure with modular structure and best practices.
This skill generates a complete Swagger UI setup for Express APIs in TypeScript, producing a ready-to-use swagger.ts configuration.
This skill generates Husky Git hooks for pre-commit, pre-push, and commit-msg as shell scripts compatible with Husky 9.x.
This skill generates a complete Vagrantfile for local development environments, enabling reproducible VMs with Ubuntu, provisioners, and port mappings.
This skill generates a complete Turborepo configuration in turbo.json for monorepos, including pipelines for build and test, enabling streamlined CI/CD.
This skill generates a complete CODE_OF_CONDUCT.md using Contributor Covenant 2.1 for open source projects and communities.
This skill automatically generates a complete CONTRIBUTING.md with open source guidelines, streamlining project onboarding and encouraging consistent external
This skill generates complete GitHub issue templates for bugs, features, and questions in YAML form for immediate use.
This skill generates production-ready Kubernetes YAML manifests with security and reliability best practices for deployments, services, and other resources.
This skill generates complete Svelte components in TypeScript with scoped CSS, instantly producing Button.svelte or similar files.
This skill generates complete Nuxt 3 page components using Vue 3 Composition API with auto-imports for rapid page creation.
This skill generates complete Flutter widget Dart files with state management and theming for immediate use
This skill generates complete SvelteKit page files with load functions and form actions for rapid route creation.
This skill generates a complete OSI-approved LICENSE file for a specified open source license, including MIT, Apache, or GPL.
This skill generates a complete NestJS module with controller, service, DTOs, and entity files following best practices.
This skill generates a complete semantic-release configuration for automated versioning and publishing across npm or other platforms.
This skill generates production-ready React components with TypeScript, props interfaces, hooks, and styling patterns ready for immediate use.
This skill generates production-ready Dockerfiles with multi-stage builds, security best practices, and BuildKit caching for various applications.
This skill generates a complete commitlint configuration file enforcing conventional commits for projects.
This skill generates complete Vue 3 components using Composition API and TypeScript with props, emits, and scoped styles.
This skill generates production-ready GitHub Actions workflow YAML files for CI/CD pipelines, including tests, builds, and deployments.
This skill generates complete Vite configuration files for React, Vue, or vanilla projects with plugins, aliases, and dev/build optimizations.
This skill generates a complete tsconfig.json tailored to your project type, with clear comments explaining key options for TypeScript 5.x.
This skill automatically generates a complete README.md tailored to the project type with badges, sections, and usage guidance.
This skill generates a valid jsdoc.config.json and documentation templates for TypeScript projects, instantly scaffolding configuration and templates.
This skill generates complete trpc router files with type-safe procedures and Zod validation for rapid, reliable API development.
This skill generates complete Remix route files with loader and action, enabling rapid page scaffolding for Remix 2.x projects.
This skill generates complete, production-ready package.json files with sensible defaults and current LTS dependencies for Node.js projects.
This skill generates a complete Vitest configuration file (vitest.config.ts) with test environment, coverage, and setup for fast unit tests.
This skill generates a complete Ansible playbook with inventory and roles, accelerating infrastructure automation and configuration management.
This skill generates complete Jest configuration files for JavaScript and TypeScript projects with coverage, transforms, and path aliases.
This skill generates complete Next.js 14 App Router page components with server and client patterns, data fetching, and layout files.
This skill generates valid XML sitemaps for websites, inferring priorities and change frequencies to improve SEO and crawlability.
This skill generates production-ready NGINX configurations for static sites, reverse proxies, load balancers, and PHP/Node.js apps with secure defaults.
