A comprehensive documentation repository for Automatic CSS (ACSS), a professional CSS framework designed for WordPress page builders.
This repository contains the complete documentation for Automatic CSS, providing developers and users with detailed guides, references, and best practices for implementing ACSS in their WordPress projects.
-
Complete Framework Documentation: Access all ACSS documentation including getting started guides, feature references, recipes, and advanced techniques.
-
AI-Enhanced Documentation Access: This repository is optimized for use with AI assistants like ChatGPT and Claude, enabling developers to quickly find answers and code examples through conversational interfaces.
-
Version-Controlled Knowledge Base: Track changes and improvements to ACSS documentation over time, ensuring users always have access to the most current information.
-
Community Accessible: Enable community contributions, corrections, and suggestions through GitHub's established workflow.
This repository includes:
- Getting Started Guides: Installation, setup instructions for various page builders, and foundational concepts
- Framework Documentation: Comprehensive coverage of all ACSS features including utility classes, variables, mixins, and recipes
- Page Builder Integration: Specific guides for Bricks, Breakdance, Oxygen, GeneratePress, and other supported builders
- Recipes and Examples: Practical implementations and code snippets for common design patterns
- Advanced Topics: Pro mode workflows, custom properties, accessibility features, and optimization techniques
The documentation is organized into the following main sections:
Essential guides for new users including:
- Installation and setup guides for various page builders
- Core concepts like utility classes and variables
- Palette and spacing configuration
- Form styling basics
Complete framework reference documentation covering:
- Utility Classes: Spacing, typography, colors, layout, and more
- Variables: Typography, spacing, colors, and custom properties
- Mixins: Button, grid, centering, and other reusable patterns
- Recipes: Practical examples for common implementations
- Advanced Features: Pro mode, accessibility, performance optimization
- What are Utility Classes?
- IDs vs Classes vs Utility Classes
- How to Use a Utility Class
- Variables: The Real Power of ACSS
- What are Mixins?
- Introduction to Recipes
- Palette Setup
- Standard Spacing Setup
- Section Spacing Setup
- Form Styling Basics
- Minimum Page Builder Requirements
- ACSS Framework Guide for LLMs - Comprehensive guide for AI coding assistants
Using the LLM Guide: To enable AI assistants to work effectively with ACSS in your projects:
- Copy the
automatic-css-llm.txtfile to the root of your website project folder - Configure your AI coding tool to reference it using:
- Cline: Add to
.clinerulesfile - Cursor: Reference in
.cursorrulesfile - Claude Projects: Upload to project knowledge or reference in
CLAUDE.md - Other tools: Check documentation for custom instruction methods
- Cline: Add to
This ensures your AI assistant understands ACSS conventions, available utilities, mixins, and best practices when generating code for your project.
Contributions to improve documentation are welcome! Please submit issues or pull requests through GitHub.
This documentation repository follows the licensing terms of Automatic CSS. For specific licensing information, please refer to the official Automatic CSS website.