Topic · Frontend & Design
Best CSS and styling skills, page 2
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 |
|---|---|---|---|---|---|---|---|---|
| 49 | Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices. | ever-works/ | 158 | 3 repos | ~1.6k | Automated safety check: Notes | AGPL-3.0 | 2 days ago |
| 50 | 交互式动态视觉叙事生成器 v11.0 (Hybrid Drive Edition)。基于用户输入的任意主题关键词, 通过多轮交互式对话收集需求,利用 React 19 + Tailwind 4 驱动的 Minimal Mono 极简编辑器, 实时操纵隔离在 Iframe 中的硬核 GSAP/WebGL 影视级叙事引擎。 | pixelxzen/ | 185 | — | ~1k | Automated safety check: Pass | Apache-2.0 | 4 mo ago |
| 51 | Guides styling of Jaspr web components with the type-safe Styles API in Dart, covering @css annotations, inline styles and global stylesheets. | rodydavis/ | 819 | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | 23 days ago |
| 52 | 52.React Ink A skill your agent uses when building terminal user interfaces with React Ink - interactive CLI apps, terminal dashboards, progress displays, or keyboard-driven TUI components. | pass-agent/ | 181 | 1 repo | ~3.1k | Automated safety check: Pass | MIT | 4 mo ago |
| 53 | Strict orchestration workflow for engineering tasks that must be solved one numbered problem at a time through an explicit cycle: define the current problem, build a Robust Code strategy, delegate… | danpacho/ | 158 | — | ~1.2k | Automated safety check: Pass | MIT | 2 mo ago |
| 54 | Audit and report on design token usage (color, spacing, typography, elevation, border-radius) across SCSS packages. | telerik/ | 158 | — | ~1.8k | Automated safety check: Pass | No licence | yesterday |
| 55 | Check GitHub notifications for upstream dcastil/tailwind-merge pull requests and port merged ones into this Ruby gem (branch, translated code, tests, commit, PR). | gjtorikian/ | 148 | — | ~1.9k | Automated safety check: Pass | MIT | 25 days ago |
| 56 | 56.Polycss Build PolyCSS scenes that render 3D meshes, primitive shapes, or custom polygons as DOM/CSS polygon elements. | layoutit/ | 757 | — | ~2.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 57 | NutUI React Taro 小程序 WXSS 编译超时修复:nutui-taro-demo 样式 bundle 合并、 删除无效 renderingMode、app-origin.wxss 体积治理。Use when 微信小程序报 [ WXSS 文件编译错误] something must be wrong、wcsc timeout、app-origin.wxss… | jdf2e/ | 1.2k | — | ~873 | Automated safety check: Pass | No licence | today |
| 58 | Sets design rules for web interfaces that should feel like current Apple design: unified surfaces, restrained type and glass only where layers overlap. | naplesblue/ | 266 | — | ~2.3k | Automated safety check: Pass | MIT | 2 mo ago |
| 59 | 59.Ui4 Review Review UI4 CSS migrations for proper token usage. An agent skill from payloadcms/payload. | payloadcms/ | 45k | — | ~2.4k | Automated safety check: Pass | MIT | today |
| 60 | A skill your agent uses when changing IPTVnator SCSS tokens, shared layout mixins, portal headers, sidebars, detail views, Electron drag regions, or cross-portal visual consistency. | 4gray/ | 7.3k | — | ~796 | Automated safety check: Pass | MIT | yesterday |
| 61 | Chinese-language final-check method for UI visual changes before delivery, using multi-theme screenshot matrices, pixel-level evidence and a CSS cascade checklist. | huiliyi37/ | 1.1k | — | ~601 | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 62 | Quick-reference for linting the core Ignite UI for Angular library. | IgniteUI/ | 599 | — | ~614 | Automated safety check: Pass | Unknown | yesterday |
| 63 | A skill your agent uses when writing or refactoring React + Tailwind v4 code in this repo. | mailtrap/ | 106 | — | ~2.7k | Automated safety check: Pass | MIT | 1 mo ago |
| 64 | Read before writing or reviewing any frontend code in lightlystudioview - Svelte, TypeScript, or SvelteKit files. | lightly-ai/ | 896 | — | ~2.9k | Automated safety check: Pass | Apache-2.0 | today |
| 65 | 65.Token System OUDS design token system rules and architecture. An agent skill from Orange-OpenSource/Orange-Boosted-Bootstrap. | Orange-OpenSource/ | 222 | — | ~780 | Automated safety check: Pass | MIT | today |
| 66 | Build Vue 3 components with TypeScript and Tailwind using clean structure, composable logic, accessibility, and maintainable patterns. | scalar/ | 16k | — | ~886 | Automated safety check: Pass | MIT | today |
| 67 | A skill your agent uses when building or refactoring functional React/Vite/Tailwind UI pages, templates, or component libraries that need consistent structure, tokenized styling, accessibility… | victorGPT/ | 131 | — | ~939 | Automated safety check: Pass | MIT | 2 mo ago |
| 68 | Installation instructions for daisyUI 5 with Tailwind CSS 4: the npm setup, CSS plugin lines, CDN usage and pointers to framework-specific guides. | saadeghi/ | 43k | — | ~967 | Automated safety check: Pass | MIT | 8 days ago |
| 69 | 69.Gerillass Use the Gerillass Sass mixin library — loading it, the mixin catalogue, and the argument forms that are easy to get wrong. | selfishprimate/ | 171 | — | ~5k | Automated safety check: Pass | Apache-2.0 | 7 days ago |
| 70 | Migrate a click-ui component from styled-components to CSS Modules with byte-for-byte visual regression coverage. | ClickHouse/ | 135 | — | ~7.7k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 71 | Activate when working on SPA authentication flow, Sanctum cookie-based auth, Vue Router guards, auth store, login/register/password reset pages, or CORS/session configuration. | gdarko/ | 145 | — | ~668 | Automated safety check: Notes | MIT | 6 mo ago |
| 72 | Design, review, or implement AgentOS UI and UX work using the project’s operator-console visual system. | SapienXai/ | 118 | — | ~4.4k | Automated safety check: Pass | MIT | 4 days ago |
| 73 | Gives practical design rules for polished HTML, CSS and JavaScript interfaces and browser games, covering spacing, type, color, components, motion and responsive breakpoints. | pretend1111/ | 494 | 1 repo | ~824 | Automated safety check: Pass | Unknown | 5 mo ago |
| 74 | UI/UX design intelligence. An agent skill from Ohh-889/skyroc. | Ohh-889/ | 795 | 26 repos | ~3.6k | Automated safety check: Notes | MIT | 1 mo ago |
| 75 | CSS, JavaScript, and HTML coding standards for Shopify Liquid themes. | benjaminsehl/ | 120 | — | ~3k | Automated safety check: Pass | No licence | 2 mo ago |
| 76 | 76.Atlas Atlas — a design language and UI guide system for agent interfaces. | pacifio/ | 154 | — | ~2.5k | Automated safety check: Pass | MIT | 5 mo ago |
| 77 | 在 wot-ui 项目中创建新组件骨架与必要注册点。用户要求从零创建组件源码、补齐 types.vue.scss 结构或注册全局组件类型时调用;不负责 Demo 页、测试和文档迁移。 | wot-ui/ | 384 | — | ~2.1k | Automated safety check: Pass | MIT | 13 days ago |
| 78 | Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. | ever-works/ | 158 | 2 repos | ~3.8k | Automated safety check: Pass | MIT | 2 days ago |
| 79 | Enforces a split of UI components into terminal and layout types, with layout components composing others through standard layout tokens, for cleaner structure and fewer re-renders. | paralleldrive/ | 384 | — | ~562 | Automated safety check: Pass | MIT | 3 mo ago |
| 80 | Kuikly UI 框架开发助手(传统 Kuikly DSL)。帮助使用 Kuikly 组件(View、Text、Button、List、Image、Modal、ActionSheet、Input、Scroller、Tabs 等 UI 组件)和模块(Router、Network、SP、Notify 等系统模块),自动提供正确的 import 语句、API… | Tencent-TDS/ | 128 | — | ~4k | Automated safety check: Pass | Unknown | 1 mo ago |
| 81 | Apply the bryl-minimal design language — a monochrome, typography-driven minimal aesthetic with halftone dot textures, pixel-font display headings, tiny uppercase monospace labels, soft large-radius… | bryllim/ | 114 | — | ~2.9k | Automated safety check: Pass | MIT | 2 mo ago |
| 82 | The DataRepublican design system — tokens, the .dr- component layer, the z-index scale, the icon set and the shell measure. | DataRepublican/ | 139 | — | ~2.6k | Automated safety check: Pass | No licence | yesterday |
| 83 | Provides comprehensive knowledge of the OUDS Web library (Orange Unified Design System for Web), a Bootstrap-based CSS/JS framework for building Orange-branded web interfaces. | Orange-OpenSource/ | 222 | — | ~4.1k | Automated safety check: Pass | MIT | today |
| 84 | Guide for updating Iconify icons and IconNames conventions in BMM. | Y80/ | 343 | — | ~810 | Automated safety check: Pass | MIT | 4 mo ago |
| 85 | Builds distinctive, production-grade UIs that avoid generic AI aesthetics. | avibebuilder/ | 120 | — | ~2.1k | Automated safety check: Pass | MIT | 4 mo ago |
| 86 | Activate when creating or modifying Vue 3 components, pages, layouts, stores, or services in the frontend. | gdarko/ | 145 | — | ~1.1k | Automated safety check: Pass | MIT | 6 mo ago |
| 87 | Guide for building React components using @stellar/design-system and project SCSS conventions. | stellar/ | 112 | — | ~999 | Automated safety check: Pass | Apache-2.0 | 4 days ago |
| 88 | A skill your agent uses when styling any elevated surface (card, dialog, popover, dropdown, menu, tooltip, sheet, toast) in a Tailwind project that has shadow-plugin installed. | Dinil-Thilakarathne/ | 117 | 1 repo | ~1k | Automated safety check: Pass | MIT | yesterday |
| 89 | 89.Kendo Themes DEPRECATED — moved to the kendo-design plugin in telerik/ai-plugins (https://github.com/telerik/ai-plugins). | telerik/ | 158 | — | ~2.7k | Automated safety check: Pass | No licence | yesterday |
| 90 | A skill your agent uses for Cachet Tailwind CSS and UI styling: Blade utility classes, public status-page components, Filament dashboard theme work, responsive layout, dark mode, spacing… | cachethq/ | 230 | — | ~1.1k | Automated safety check: Pass | MIT | 2 days ago |
| 91 | UI/UX design intelligence expert for web and mobile applications. | shobcoder/ | 577 | — | ~3.7k | Automated safety check: Pass | MIT | 19 days ago |
| 92 | Sweep every mixin and function in Gerillass and report where it misbehaves — silent failures, unhelpful errors, questionable output, and gaps in test coverage. | selfishprimate/ | 171 | — | ~2k | Automated safety check: Pass | Unknown | 7 days ago |
| 93 | 93.Page Codegen A skill your agent uses when: generating Vue 3 page code from either a page-spec JSON or a natural language description. | ChenyCHENYU/ | 1k | — | ~3.5k | Automated safety check: Pass | MIT | yesterday |
| 94 | Where CSS should live. An agent skill from TheDecipherist/claude-code-mastery-project-starter-kit. | TheDecipherist/ | 338 | — | ~1k | Automated safety check: Pass | MIT | 3 mo ago |
| 95 | Theme and style Ignite UI Web Components (and igniteui-react) apps using CSS custom properties, optional Sass, and the igniteui-theming MCP server. | IgniteUI/ | 170 | — | ~4.3k | Automated safety check: Pass | MIT | today |
| 96 | Find, install, and configure OpenCode plugins from the catalog or community. | IgorWarzocha/ | 122 | — | ~1.3k | Automated safety check: Pass | No licence | 8 mo ago |
Explore related skills
Category
More topics in Frontend & Design
- Accessibility1,046
- Design systems858
- UI design489
- React components461
- Landing pages455
- Internationalization415
- Typography404
- Design tokens393
- Theming and dark mode351
- Frontend development337
- Web performance315
- State management295
- HTML artifacts275
- Responsive design272
- Static sites and blogs270
- UX design266
- Web animation and motion195
- Forms and validation189
- Design to code90
- Icons and illustration63