Css Architecture
by aj-geddes3f5182cfd739No license355 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 7 months ago
Organize CSS using BEM, SMACSS, and CSS-in-JS patterns. Use when building scalable, maintainable styling systems with proper naming conventions.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| references/bem-block-element-modifier-pattern.md | 1.2 KB | text/markdown |
| references/css-in-js-with-styled-components.md | 1.3 KB | text/markdown |
| references/css-variables-custom-properties.md | 1.6 KB | text/markdown |
| references/smacss-scalable-and-modular-architecture-for-css.md | 1.3 KB | text/markdown |
| references/utility-first-css-tailwind-pattern.md | 1.4 KB | text/markdown |
| SKILL.md | 2.3 KB | text/markdown |
| templates/component-template.tsx | 318 B | text/plain |
Source and attribution
Source:aj-geddes/useful-ai-promptsinskills/css-architectureat commit3f5182c
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from aj-geddes/useful-ai-prompts
Xss Prevention
aj-geddes
Prevent Cross-Site Scripting (XSS) attacks through input sanitization, output encoding, and Content Security Policy. Use when handling user-generated content in web applications.
Wireframe Prototyping
aj-geddes
Create wireframes and interactive prototypes to visualize user interfaces and gather feedback early. Use tools and techniques to communicate design ideas before development.
Web Performance Optimization
aj-geddes
Guides web performance optimization through code splitting, lazy loading, caching, compression, and monitoring.
Vue Application Structure
aj-geddes
Guides structuring Vue 3 applications with the Composition API, component organization, and TypeScript.
Visual Regression Testing
aj-geddes
Guides visual regression testing of UI by comparing screenshots across versions to catch unintended visual changes.
User Persona Creation
aj-geddes
Creates research-based user personas to guide product design, prioritization and messaging.