AI Plugin Indextailwind-patterns alternatives
The most used alternatives to tailwind-patterns are css-file-size, css-order, highlights. All are design skills with an active GitHub repository, ranked below by GitHub stars and recent activity.
| # | Skill | What it does | Runs | Updated | Stars |
|---|---|---|---|---|---|
| ref | tailwind-patterns gabrielmoreira | Tailwind CSS v4 principles and modern design tokens. | Skill | 2 days ago | 19 |
| 1 | css-file-size thedaviddias | Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize CSS file size. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes. | Skill | 16 days ago | 75k |
| 2 | css-order thedaviddias | Use when reviewing stylesheets, component styles, and responsive behavior related to Order CSS files correctly. Check the rendered layout across breakpoints and interaction states before proposing a fix. | Skill | 16 days ago | 75k |
| 3 | highlights pierrecomputer | Use when an app uses @pierre/highlights to generate syntax-highlighted HTML or tokens, stream code, incrementally tokenize edits, or apply Zed-compatible themes and CSS variables. | Skill | 2 days ago | 6.3k |
| 4 | css-critical thedaviddias | Use when reviewing stylesheets, component styles, and responsive behavior related to Inline critical CSS for faster rendering. Check the rendered layout across breakpoints and interaction states before proposing a fix. | Skill | 16 days ago | 75k |
| 5 | ng-alain-developer ng-alain | Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling. | Skill | 15 days ago | 4.5k |
| 6 | threejs-loaders sickn33 | Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress. | Skill | 3 days ago | 48k |
| 7 | threejs-fundamentals sickn33 | Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms. | Skill | 3 days ago | 48k |
| 8 | oh-my-posh JanDeDobbeleer | Install, configure, or troubleshoot Oh My Posh/ohmyposh: shell init, themes, segments, Nerd Font icons, and prompt setup on PowerShell, zsh, bash, or fish. | Skill | 2 days ago | 24k |
| 9 | threejs asgeirtj | Three.js 3D reference hub. Use when working with Three.js: pick the topic below and read its file for patterns and API guidance. | Skill | 3 days ago | 70k |
| 10 | rewrite-commit-message penpot | Rewrite HEAD's commit message (typically a squash that concatenated old messages) into one proper title plus description following Penpot commit conventions, preserving every distinct AI-assisted-by attribution. Amends in place, never pushes. | Skill | 2 days ago | 61k |
| 11 | circuit-ui sumup-oss | Use this skill when working with the Circuit UI design system. It provides generated inventories of design tokens plus exported Circuit UI components and hooks from the source code, so you can answer usage and availability questions with current data. | Skill | 3 days ago | 979 |
| 12 | phoenix-design Arize-ai | Design system conventions for the Phoenix frontend — layout, dialogs, error display, BEM CSS class naming, and CSS design tokens. Use when building UI, naming CSS classes, creating or consuming tokens, handling errors, or designing dialog interactions in js/app/src/. | Skill | 2 days ago | 12k |
Questions
What is the best alternative to tailwind-patterns?
By usage, css-file-size is the most popular alternative, with 75k GitHub stars. The right choice depends on which features and hosting you need.
Is tailwind-patterns still maintained?
Its last commit was 2 days ago. You can see current activity on its listing page.