Search
Vue.js · CSS and styling
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Always invoke when the user's message includes 'tailwind' in any form. | anonaddy/ | 4.9k | 10 repos | ~865 | Automated safety check: Pass | MIT | 4 days ago |
| 2 | Rules for writing Vue 3 templates with Buefy components on Bulma CSS: install options, prop conventions, b-field wrapping, tables, theming and dialogs. | buefy/ | 9.5k | — | ~8.2k | Automated safety check: Pass | MIT | 1 mo ago |
| 3 | Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project. | yetone/ | 1.3k | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | 26 days ago |
| 4 | A skill your agent uses whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element. | Castor6/ | 376 | 1 repo | ~2.1k | Automated safety check: Pass | Apache-2.0 | 5 mo ago |
| 5 | Builds, watches, and manages frontend assets in OrchardCore. | OrchardCMS/ | 8.2k | — | ~1.5k | Automated safety check: Pass | BSD-3-Clause | yesterday |
| 6 | Cross-platform UI styling for MarkerOn Tauri app (macOS WKWebView vs Windows WebView2). | ifer47/ | 1.2k | — | ~2k | Automated safety check: Pass | MIT | 3 days ago |
| 7 | Vue Material Component Framework. An agent skill from logue/vite-vuetify-ts-starter. | logue/ | 181 | 1 repo | ~1.9k | Automated safety check: Pass | MIT | 9 days ago |
| 8 | UI/UX design intelligence and implementation guidance for building polished interfaces. | sundial-org/ | 663 | 2 repos | ~657 | Automated safety check: Pass | No licence | 7 mo ago |
| 9 | 9.Glide Authoritative guide and toolset for AI agents to operate, configure, and visually design applications using Glide (@srivarsank/glide). | SrivarsanK/ | 120 | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | 10 days ago |
| 10 | Migrate TailwindCSS to StyleX. An agent skill from shadcn-labs/shadcn-cssinjs. | shadcn-labs/ | 124 | — | ~2.7k | Automated safety check: Pass | MIT | 1 mo ago |
| 11 | 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/ | 162 | 3 repos | ~1.6k | Automated safety check: Notes | AGPL-3.0 | yesterday |
| 12 | 12.Polycss Build PolyCSS scenes that render 3D meshes, primitive shapes, or custom polygons as DOM/CSS polygon elements. | layoutit/ | 767 | — | ~2.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 13 | 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 | yesterday |
| 14 | 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 |
| 15 | 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 |
| 16 | 在 wot-ui 项目中创建新组件骨架与必要注册点。用户要求从零创建组件源码、补齐 types.vue.scss 结构或注册全局组件类型时调用;不负责 Demo 页、测试和文档迁移。 | wot-ui/ | 387 | — | ~2.1k | Automated safety check: Pass | MIT | yesterday |
| 17 | 17.Atlas Atlas — a design language and UI guide system for agent interfaces. | pacifio/ | 154 | — | ~2.5k | Automated safety check: Pass | MIT | 5 mo ago |
| 18 | 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/ | 115 | — | ~2.9k | Automated safety check: Pass | MIT | 3 mo ago |
| 19 | Builds distinctive, production-grade UIs that avoid generic AI aesthetics. | avibebuilder/ | 120 | — | ~2.1k | Automated safety check: Pass | MIT | 4 mo ago |
| 20 | 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 |
| 21 | UI/UX design intelligence expert for web and mobile applications. | shobcoder/ | 576 | — | ~3.7k | Automated safety check: Pass | MIT | 23 days ago |
| 22 | 22.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 |
| 23 | Edit or add component theme classes and styles for shipped theme variants (base, carbon). | indielayer/ | 222 | — | ~360 | Automated safety check: Pass | MIT | 3 days ago |
| 24 | Component segregation guide for Glide (@srivarsank/glide). An agent skill from SrivarsanK/Glide. | SrivarsanK/ | 120 | — | ~1.2k | Automated safety check: Pass | Apache-2.0 | 10 days ago |
| 25 | A skill your agent uses when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting… | jiushiwon/ | 114 | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | 4 days ago |
| 26 | 为 wot-ui 生成单文件主题 SCSS,并在 App.vue 中挂载语义变量. An agent skill from wot-ui/wot-ui. | wot-ui/ | 387 | — | ~2.4k | Automated safety check: Pass | MIT | yesterday |
| 27 | 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 |
| 28 | 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 | today |
| 29 | 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 |
| 30 | Add or modify Dokan frontend code (React, TypeScript, Vue, Tailwind). | getdokan/ | 288 | — | ~1.9k | Automated safety check: Pass | No licence | yesterday |
| 31 | 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 | 6 days ago |
| 32 | 32.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 |
| 33 | Light 按需工程技能·前端设计:把模糊的「做个好看的界面」落成能跑的 React/Tailwind/shadcn 代码 + 设计决策说明—— 有视觉记忆点(signature element)、风格自洽(design tokens 一致)、适配场景(学术海报/数据大屏/管理后台/移动端/营销 landing 信息密度各不同)、反「一眼 AI」(紫蓝渐变/Inter/16px 圆角/巨型… | Light0305/ | 640 | — | ~3.1k | Automated safety check: Pass | MIT | 3 mo ago |
| 34 | 34.Vue Mastery Vue 3 expert skill for writing production-grade code. An agent skill from cigery-useio/useio-skills. | cigery-useio/ | 104 | — | ~1.8k | Automated safety check: Pass | MIT | 17 days ago |
| 35 | 设计或实现 Vue 3、Nuxt 组件、页面、样式、交互、表单、状态绑定与 i18n 文本时使用。负责前端界面与交互的完整实现流程(目标确认、结构设计、实现约束、视觉验证),并遵循项目标准(PrimeVue、SCSS BEM、@mdi/font、Zod)。用户提到 component、page、UI、frontend、form、responsive、SCSS、BEM、i18n、设计落地时都应触发。 | CaoMeiYouRen/ | 220 | — | ~437 | Automated safety check: Pass | MIT | 10 days ago |
| 36 | A skill your agent uses when configuring frontend asset bundling, migrating from build.json (v14) to esbuild (v15+), or troubleshooting SCSS/CSS compilation. | Impertio-Studio/ | 189 | — | ~2.7k | Automated safety check: Pass | MIT | 24 days ago |
| 37 | Создание высококачественных, визуально выдающихся фронтенд-интерфейсов. | AnastasiyaW/ | 154 | — | ~1.1k | Automated safety check: Pass | MIT | yesterday |
| 38 | A skill your agent uses when planning, building, designing, code review, refactor, fixing, improving, optimizing, enhancing, or checking UI/UX work. | majiayu000/ | 287 | — | ~442 | Automated safety check: Pass | MIT | 2 days ago |
| 39 | 39.Docs Lookup 通过 Context7 MCP 获取库和框架的实时最新文档,而非依赖训练数据,防止 API 幻觉。适用于查询任何库或框架的用法、配置、示例代码。触发词:怎么用、怎么配置、API参考、文档、示例代码、用法、接口、库文档、框架文档、documentation、docs、how to use、API… | ProgrammerAnthony/ | 235 | — | ~640 | Automated safety check: Pass | MIT | 5 mo ago |
| 40 | Unused CSS detector and dead selector auditor. An agent skill from LeoYeAI/openclaw-master-skills. | LeoYeAI/ | 2.2k | — | ~4.6k | Automated safety check: Pass | Apache-2.0 | 2 mo ago |