Topic · Frontend & Design
Best CSS and styling skills, page 4
CSS and styling skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 145 | 145.Nextjs App Bootstrap a new Next.js (App Router, TypeScript) web app with current packages and no deprecated APIs. | ccplugins/ | 968 | — | ~1.1k | Automated safety check: Notes | Apache-2.0 | 1 mo ago |
| 146 | A checklist for UI changes that touch colors, surfaces or theme code, making sure light and dark modes, devices, states and layering all still work. | ZeroDeng01/ | 1.7k | — | ~1.4k | Automated safety check: Pass | MIT | today |
| 147 | 147.Using Tailwind The design language for this project and how to style UI with it — the colour, type, surface and layer tokens, when to reach for an AKUI component instead of writing classes, and when TWC… | Asvarox/ | 261 | — | ~1.8k | Automated safety check: Pass | No licence | today |
| 148 | Creates admin dashboards and app pages with the Tabler UI kit on Bootstrap 5, using the published docs for real markup instead of guessed class names. | tabler/ | 42k | — | ~1.5k | Automated safety check: Pass | MIT | yesterday |
| 149 | Builds or extends shared Astro components in Tabler's shared/ui library, covering Props interfaces, prop names, class composition, slots and follow-up docs. | tabler/ | 42k | — | ~2.1k | Automated safety check: Pass | MIT | yesterday |
| 150 | Sets out how to write React components in LobeHub: which styling approach to use, which component libraries to prefer and in what order. | lobehub/ | 83k | — | ~1.7k | Automated safety check: Pass | Unknown | today |
| 151 | Guide for using Sentry's layout and text primitives. An agent skill from getsentry/sentry. | getsentry/ | 46k | — | ~5k | Automated safety check: Pass | Unknown | today |
| 152 | A skill your agent uses when building or reviewing UI with Bootstrap 5.3 — setting up the CDN/npm, using the grid & breakpoints, utility classes (spacing/color/flex/display), components (navbar… | BlueAndi/ | 443 | — | ~2k | Automated safety check: Pass | MIT | today |
| 153 | A skill your agent uses when 用户需要审查前端代码(React/Vue/Next.js/TypeScript/Tailwind等)、检查代码质量、性能问题、可维护性、安全漏洞、最佳实践落地时。触发场景:前端代码评审、前端代码优化、React/Vue代码检查、TypeScript代码审查、前端性能优化、前端安全审计、前端代码规范检查。 | ProgrammerAnthony/ | 235 | — | ~614 | Automated safety check: Pass | MIT | 5 mo ago |
| 154 | 154.Ktui Install Install, configure, and initialize KtUI (Keenthemes Tailwind UI) in any project. | keenthemes/ | 151 | — | ~994 | Automated safety check: Pass | MIT | 3 mo ago |
| 155 | 155.Odoo 18 Odoo 18 development reference for Python models and ORM (search, domain, readgroup, compute fields), XML/CSV data and views, OWL/JS client code, QWeb reports, security (ACL, record rules, groups)… | unclecatvn/ | 143 | — | ~1.3k | Automated safety check: Pass | MIT | 14 days ago |
| 156 | 156.Release Cut and publish a Gerillass release — version bump, changelog, tag, GitHub release, npm publish, and post-publish verification. | selfishprimate/ | 171 | — | ~2.9k | Automated safety check: Pass | Unknown | 8 days ago |
| 157 | 157.Visual Redesign Surgical aesthetic upgrade pipeline for existing React codebases. | Yu-369/ | 979 | — | ~12k | Automated safety check: Pass | MIT | 2 mo ago |
| 158 | 158.Create Component Step-by-step workflow for creating a new SCSS and/or JavaScript component in OUDS Web. | Orange-OpenSource/ | 222 | — | ~648 | Automated safety check: Pass | MIT | yesterday |
| 159 | 优化 subPages 演示页面中的样式,将硬编码的颜色、字号、间距、圆角等替换为 wot-ui 设计系统语义变量。允许直接使用已全局注入的 variable.scss Sass 变量,也允许使用 CSS 自定义属性;不需要额外引入 variable.scss。消除手写的暗色模式覆盖块,统一使用语义变量实现自适应主题。同时将 class 命名统一为 BEM 规范。 | wot-ui/ | 384 | — | ~4.9k | Automated safety check: Pass | MIT | 13 days ago |
| 160 | Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS. | LiarMTTT/ | 150 | — | ~1.7k | Automated safety check: Pass | Unknown | 4 days ago |
| 161 | Styles applications using Tailwind CSS v4 utilities. An agent skill from slimani-dev/muraqib. | slimani-dev/ | 128 | — | ~970 | Automated safety check: Pass | MIT | 9 days ago |
| 162 | Create new core components for GodUI (@godui/components) — animated, drop-in replacements for shadcn/ui with strict GPU-only motion. | LucasBassetti/ | 129 | — | ~7.4k | Automated safety check: Pass | MIT | 4 days ago |
| 163 | Keeps changes to @tabler/core backward compatible so patch and minor releases never break projects, covering what counts as public API and how to alias renames. | tabler/ | 42k | — | ~4k | Automated safety check: Pass | MIT | yesterday |
| 164 | Explains which build step writes each asset directory in the Tabler repo and how to fix missing, stale or duplicated CSS and JS files. | tabler/ | 42k | — | ~1.7k | Automated safety check: Pass | MIT | yesterday |
| 165 | Enforce Tailwind container queries over viewport breakpoints for responsive components. | flornkm/ | 150 | — | ~1.1k | Automated safety check: Pass | No licence | yesterday |
| 166 | 166.Sass Test Write or debug sass-true unit tests for Gerillass mixins and utility functions. | selfishprimate/ | 171 | — | ~1.5k | Automated safety check: Pass | Unknown | 8 days ago |
| 167 | Build Ordinus renderer UI in the intended product style. An agent skill from muratgur/ordinus. | muratgur/ | 112 | — | ~881 | Automated safety check: Pass | MIT | 1 mo ago |
| 168 | You are an expert in Docusaurus theming and the Infima CSS framework. | AvaloniaUI/ | 166 | — | ~1.3k | Automated safety check: Pass | No licence | yesterday |
| 169 | 169.Diagnose Errors Diagnostic workflow for build, lint, CI, and test errors in OUDS Web. | Orange-OpenSource/ | 222 | — | ~680 | Automated safety check: Pass | MIT | yesterday |
| 170 | 170.Uniwind Uniwind — Tailwind CSS v4 styling for React Native. An agent skill from CherryHQ/cherry-studio-app. | CherryHQ/ | 4k | — | ~20k | Automated safety check: Warn | AGPL-3.0 | today |
| 171 | Advanced theming for Shiny apps using bslib and Bootstrap 5. | posit-dev/ | 531 | — | ~3.6k | Automated safety check: Pass | MIT | yesterday |
| 172 | 172.Quasar Skilld Build, configure, and debug apps with the Quasar framework (quasar npm package, v2.33.1). | skilld-dev/ | 181 | — | ~1.6k | Automated safety check: Pass | MIT | 16 days ago |
| 173 | Fetch current library/framework documentation via Context7. An agent skill from KaimingWan/oh-my-kiro. | KaimingWan/ | 107 | — | ~616 | Automated safety check: Pass | MIT | 6 mo ago |
| 174 | Add or modify Dokan frontend code (React, TypeScript, Vue, Tailwind). | getdokan/ | 288 | — | ~1.9k | Automated safety check: Pass | No licence | yesterday |
| 175 | 175.Engine Probes Ask a real engine what a stylesheet means instead of reasoning about tokens — the Less compiler, lightningcss, dart-sass, and a custom syntax's own parser. | stylelint-stylistic/ | 106 | — | ~1.8k | Automated safety check: Pass | Unknown | 2 days ago |
| 176 | 为新项目配置当前 weapp-tailwindcss v5 与 Tailwind CSS 4,覆盖 uni-app、uni-app x、Taro、Mpx、原生小程序、weapp-vite、Vite、Webpack 5、Rspack、Gulp、独立 CLI 及小程序/H5/Web/App 多端。Use when setting up, installing, integrating… | weapp-tailwindcss/ | 1.9k | — | ~406 | Automated safety check: Pass | MIT | today |
| 177 | This skill enables visual inspection of websites running locally or remotely to identify and fix design issues. | github/ | 40k | 3 repos | ~2.6k | Automated safety check: Pass | MIT | today |
| 178 | Add, configure, or review Ignite UI for Blazor Lite component support in Blazor applications. | dotnet/ | 5.6k | 1 repo | ~1.4k | Automated safety check: Pass | MIT | today |
| 179 | 179.Tailwind V4 Tailwind CSS v4 usage guide and v3-to-v4 differences. An agent skill from mastra-ai/mastra. | mastra-ai/ | 29k | — | ~2.5k | Automated safety check: Pass | Unknown | today |
| 180 | 180.Styling Guidance for frontend styling. An agent skill from valkey-io/valkey-admin. | valkey-io/ | 148 | — | ~424 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 181 | 181.Ds Token Lint Check a component's design tokens in Base.tokens.json against the canonical naming convention (packages/tokens/CONTEXT.md "Token Naming Anatomy"), report violations as a markdown table, and apply… | baloise/ | 114 | — | ~2.5k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 182 | Rules for styling Handsontable themes: CSS custom properties as the public API, SCSS file layout, cell padding from variables, and a ban on :has() selectors. | handsontable/ | 22k | — | ~2.8k | Automated safety check: Pass | Unknown | today |
| 183 | JavaScript coding conventions for OUDS Web. An agent skill from Orange-OpenSource/Orange-Boosted-Bootstrap. | Orange-OpenSource/ | 222 | — | ~751 | Automated safety check: Pass | MIT | yesterday |
| 184 | Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. | wshobson/ | 40k | 2 repos | ~1.9k | Automated safety check: Pass | MIT | 3 days ago |
| 185 | 185.Adaptive Instructions to make or update an app's UI so that it adapts to different Android devices including phones, tablets, foldables, laptops, desktop, TV, Auto and XR. | arindamxd/ | 132 | 4 repos | ~3.2k | Automated safety check: Pass | Apache-2.0 | 6 days ago |
| 186 | 186.Oat CSS Our preferred CSS framework — ultra-lightweight, semantic HTML UI library (~8KB). | spinspire/ | 511 | — | ~3.9k | Automated safety check: Pass | MIT | 1 mo ago |
| 187 | 187.Omk Coding Enforces coding best practices: deep-read before modify, LSP-first navigation, TDD red-green-refactor, minimal changes, self-review, verification. | KaimingWan/ | 107 | — | ~2.4k | Automated safety check: Pass | MIT | 6 mo ago |
| 188 | 188.Ktui Comprehensive guide to KtUI (Keenthemes Tailwind UI) — components, theming, initialization, data-attribute API, event system, helpers, and common patterns. | keenthemes/ | 151 | — | ~5.4k | Automated safety check: Pass | MIT | 3 mo ago |
| 189 | Replaces border-plus-shadow combinations on cards, dialogs and other elevated surfaces with the smooth-shadow-ring utilities from the Tailwind shadow-plugin. | flornkm/ | 150 | — | ~1.3k | Automated safety check: Pass | No licence | yesterday |
| 190 | Audit AI-generated, AI-shaped, or AI-looking frontend code, UI screenshots, and design diffs. | jxnl/ | 562 | — | ~1.3k | Automated safety check: Pass | No licence | 3 mo ago |
| 191 | 191.Fullstack Dev Full-stack backend architecture and frontend-backend integration guide. | HHU3637kr/ | 145 | 3 repos | ~8.6k | Automated safety check: Notes | MIT | 15 days ago |
| 192 | 192.Web Coder Expert 10x engineer with comprehensive knowledge of web development, internet protocols, and web standards. | boshi-xixixi/ | 275 | 1 repo | ~5.2k | Automated safety check: Pass | MIT | 4 mo ago |
Explore related skills
More topics in Frontend & Design
- Accessibility1,033
- Design systems836
- UI design478
- Landing pages460
- React components455
- Internationalization414
- Typography397
- Design tokens395
- Frontend development360
- Theming and dark mode337
- Web performance316
- HTML artifacts277
- State management276
- Static sites and blogs268
- UX design265
- Responsive design261
- Web animation and motion190
- Forms and validation180
- Design to code104
- Icons and illustration64