Topic · Frontend & Design

Best CSS and styling skills, page 4

Skills #145–192 of 352, ranked by score.

CSS and styling skills, ranked

Ranked by score. Sort bymost stars,trending,newest,recently updated

CSS and styling skills, ranked
#SkillRepositoryStarsUsed inTokensAuto-checkLicenceUpdated
145

Bootstrap a new Next.js (App Router, TypeScript) web app with current packages and no deprecated APIs.

ccplugins/awesome-claude-code-plugins968—~1.1kAutomated safety check: NotesApache-2.01 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/sublinkPro1.7k—~1.4kAutomated safety check: PassMITtoday
147

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/allkaraoke261—~1.8kAutomated safety check: PassNo licencetoday
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/tabler42k—~1.5kAutomated safety check: PassMITyesterday
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/tabler42k—~2.1kAutomated safety check: PassMITyesterday
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/lobehub83k—~1.7kAutomated safety check: PassUnknowntoday
151
151.Design SystemOfficial

Guide for using Sentry's layout and text primitives. An agent skill from getsentry/sentry.

getsentry/sentry46k—~5kAutomated safety check: PassUnknowntoday
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/Pixelix443—~2kAutomated safety check: PassMITtoday
153

A skill your agent uses when 用户需要审查前端代码(React/Vue/Next.js/TypeScript/Tailwind等)、检查代码质量、性能问题、可维护性、安全漏洞、最佳实践落地时。触发场景:前端代码评审、前端代码优化、React/Vue代码检查、TypeScript代码审查、前端性能优化、前端安全审计、前端代码规范检查。

ProgrammerAnthony/Expert-Coding-Harness235—~614Automated safety check: PassMIT5 mo ago
154

Install, configure, and initialize KtUI (Keenthemes Tailwind UI) in any project.

keenthemes/ktui151—~994Automated safety check: PassMIT3 mo ago
155

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/agent-skills143—~1.3kAutomated safety check: PassMIT14 days ago
156

Cut and publish a Gerillass release — version bump, changelog, tag, GitHub release, npm publish, and post-publish verification.

selfishprimate/gerillass171—~2.9kAutomated safety check: PassUnknown8 days ago
157

Surgical aesthetic upgrade pipeline for existing React codebases.

Yu-369/VibeCurb979—~12kAutomated safety check: PassMIT2 mo ago
158

Step-by-step workflow for creating a new SCSS and/or JavaScript component in OUDS Web.

Orange-OpenSource/Orange-Boosted-Bootstrap222—~648Automated safety check: PassMITyesterday
159

优化 subPages 演示页面中的样式,将硬编码的颜色、字号、间距、圆角等替换为 wot-ui 设计系统语义变量。允许直接使用已全局注入的 variable.scss Sass 变量,也允许使用 CSS 自定义属性;不需要额外引入 variable.scss。消除手写的暗色模式覆盖块,统一使用语义变量实现自适应主题。同时将 class 命名统一为 BEM 规范。

wot-ui/wot-ui384—~4.9kAutomated safety check: PassMIT13 days ago
160

Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS.

LiarMTTT/TavernWeave150—~1.7kAutomated safety check: PassUnknown4 days ago
161

Styles applications using Tailwind CSS v4 utilities. An agent skill from slimani-dev/muraqib.

slimani-dev/muraqib128—~970Automated safety check: PassMIT9 days ago
162

Create new core components for GodUI (@godui/components) — animated, drop-in replacements for shadcn/ui with strict GPU-only motion.

LucasBassetti/godui129—~7.4kAutomated safety check: PassMIT4 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/tabler42k—~4kAutomated safety check: PassMITyesterday
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/tabler42k—~1.7kAutomated safety check: PassMITyesterday
165

Enforce Tailwind container queries over viewport breakpoints for responsive components.

flornkm/personal-site150—~1.1kAutomated safety check: PassNo licenceyesterday
166

Write or debug sass-true unit tests for Gerillass mixins and utility functions.

selfishprimate/gerillass171—~1.5kAutomated safety check: PassUnknown8 days ago
167

Build Ordinus renderer UI in the intended product style. An agent skill from muratgur/ordinus.

muratgur/ordinus112—~881Automated safety check: PassMIT1 mo ago
168

You are an expert in Docusaurus theming and the Infima CSS framework.

AvaloniaUI/avalonia-docs166—~1.3kAutomated safety check: PassNo licenceyesterday
169

Diagnostic workflow for build, lint, CI, and test errors in OUDS Web.

Orange-OpenSource/Orange-Boosted-Bootstrap222—~680Automated safety check: PassMITyesterday
170

Uniwind — Tailwind CSS v4 styling for React Native. An agent skill from CherryHQ/cherry-studio-app.

CherryHQ/cherry-studio-app4k—~20kAutomated safety check: WarnAGPL-3.0today
171

Advanced theming for Shiny apps using bslib and Bootstrap 5.

posit-dev/skills531—~3.6kAutomated safety check: PassMITyesterday
172

Build, configure, and debug apps with the Quasar framework (quasar npm package, v2.33.1).

skilld-dev/vue-ecosystem-skills181—~1.6kAutomated safety check: PassMIT16 days ago
173

Fetch current library/framework documentation via Context7. An agent skill from KaimingWan/oh-my-kiro.

KaimingWan/oh-my-kiro107—~616Automated safety check: PassMIT6 mo ago
174

Add or modify Dokan frontend code (React, TypeScript, Vue, Tailwind).

getdokan/dokan288—~1.9kAutomated safety check: PassNo licenceyesterday
175

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/stylelint-stylistic106—~1.8kAutomated safety check: PassUnknown2 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/weapp-tailwindcss1.9k—~406Automated safety check: PassMITtoday
177

This skill enables visual inspection of websites running locally or remotely to identify and fix design issues.

github/awesome-copilot40k3 repos~2.6kAutomated safety check: PassMITtoday
178

Add, configure, or review Ignite UI for Blazor Lite component support in Blazor applications.

dotnet/skills5.6k1 repo~1.4kAutomated safety check: PassMITtoday
179

Tailwind CSS v4 usage guide and v3-to-v4 differences. An agent skill from mastra-ai/mastra.

mastra-ai/mastra29k—~2.5kAutomated safety check: PassUnknowntoday
180

Guidance for frontend styling. An agent skill from valkey-io/valkey-admin.

valkey-io/valkey-admin148—~424Automated safety check: PassApache-2.0yesterday
181

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/design-system114—~2.5kAutomated safety check: PassApache-2.0yesterday
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/handsontable22k—~2.8kAutomated safety check: PassUnknowntoday
183

JavaScript coding conventions for OUDS Web. An agent skill from Orange-OpenSource/Orange-Boosted-Bootstrap.

Orange-OpenSource/Orange-Boosted-Bootstrap222—~751Automated safety check: PassMITyesterday
184

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture.

wshobson/agents40k2 repos~1.9kAutomated safety check: PassMIT3 days ago
185

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/camerax-android1324 repos~3.2kAutomated safety check: PassApache-2.06 days ago
186

Our preferred CSS framework — ultra-lightweight, semantic HTML UI library (~8KB).

spinspire/pocketbase-sveltekit-starter511—~3.9kAutomated safety check: PassMIT1 mo ago
187

Enforces coding best practices: deep-read before modify, LSP-first navigation, TDD red-green-refactor, minimal changes, self-review, verification.

KaimingWan/oh-my-kiro107—~2.4kAutomated safety check: PassMIT6 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/ktui151—~5.4kAutomated safety check: PassMIT3 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/personal-site150—~1.3kAutomated safety check: PassNo licenceyesterday
190

Audit AI-generated, AI-shaped, or AI-looking frontend code, UI screenshots, and design diffs.

jxnl/personal-monorepo-template562—~1.3kAutomated safety check: PassNo licence3 mo ago
191

Full-stack backend architecture and frontend-backend integration guide.

HHU3637kr/skills1453 repos~8.6kAutomated safety check: NotesMIT15 days ago
192

Expert 10x engineer with comprehensive knowledge of web development, internet protocols, and web standards.

boshi-xixixi/TraeSkill2751 repo~5.2kAutomated safety check: PassMIT4 mo ago