Search
Frontend & Design · Vue.js
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 97 | Pinia stores, state management patterns, store setup, and reactivity with stores. | logue/ | 181 | 2 repos | ~290 | Automated safety check: Pass | MIT | 9 days ago |
| 98 | 98.Shadcn Vue Manages shadcn-vue components and projects — adding, searching, fixing, debugging, styling, and composing UI. | hirotaka/ | 170 | — | ~3.9k | Automated safety check: Pass | MIT | 6 days ago |
| 99 | 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 |
| 100 | 100.Artifact Design Designing and building any user-facing surface: a web page, landing page, dashboard, report, HTML document, email, or a component inside an existing app. | Zfinix/ | 118 | — | ~2.8k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 101 | Commits to one bold aesthetic direction, sets up a CSS token system for it, then builds the interface in Vue or plain HTML using those tokens. | irahardianto/ | 156 | — | ~2.4k | Automated safety check: Pass | MIT | 6 days ago |
| 102 | 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 |
| 103 | 103.Frontend Design Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. | jjyaoao/ | 3.2k | 1 repo | ~7k | Automated safety check: Pass | MIT | 5 days ago |
| 104 | 104.Add Widget NaiveTab 浏览器扩展的 Widget 开发指南。当用户要在 newtab-naivetab 项目中新增 Widget 组件、添加新功能组件时使用。涵盖需要修改的完整文件清单、配置规范、类型注册等，防止遗漏关键步骤。 | GXFG/ | 137 | — | ~1.4k | Automated safety check: Pass | GPL-3.0 | 4 days ago |
| 105 | 基于 TrailSnap（行影集）现有设计系统设计、实现和审查前端 UI。适用于 package/website 的新页面、组件、布局、主题、移动端适配与界面改版；纯后端任务和其他项目不适用。 | LC044/ | 779 | — | ~518 | Automated safety check: Notes | AGPL-3.0 | today |
| 106 | Sets frontend engineering interview questions on JavaScript, React or Vue, browser internals and performance, with scenario-based follow-ups drawn from the candidate's resume. | Snailclimb/ | 3.3k | — | ~123 | Automated safety check: Pass | AGPL-3.0 | 2 days ago |
| 107 | 107.Motion Animation skill for Motion (prev Framer Motion) and CSS animation. | softmaple/ | 161 | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | 3 days ago |
| 108 | 如果 xxx 文件夹中仅有 index.ts 文件, 则它是一个酒馆助手脚本. An agent skill from StageDog/tavern_helper_template. | StageDog/ | 181 | — | ~614 | Automated safety check: Pass | Unknown | yesterday |
| 109 | Reviews React/Vue component architecture, state, and hooks. An agent skill from DanielPodolsky/ownyourcode. | DanielPodolsky/ | 290 | 1 repo | ~874 | Automated safety check: Pass | MIT | 3 mo ago |
| 110 | 110.Fa Form Builder 为 Fantastic-admin 框架生成独立的表单页面，使用 FaForm/FaFormItem + vee-validate + zod 验证，表单 model 使用 ref，全部使用框架内建 Fa 组件。当用户说：'帮我做一个用户信息填写页'、'我只需要一个提交表单，不需要列表'、'做个设置页面，有几个输入框和保存按钮'、'生成一个注册/编辑/配置表单页'、'只要表单页，不需要增删改查'… | fantastic-admin/ | 3.4k | — | ~670 | Automated safety check: Pass | MIT | 11 days ago |
| 111 | 111.Tanstack Query Powerful asynchronous state management, server-state utilities, and data fetching for TS/JS, React, Vue, Solid, Svelte & Angular. | bskimball/ | 119 | 1 repo | ~5.4k | Automated safety check: Pass | MIT | 29 days ago |
| 112 | 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 |
| 113 | Drive the live debbie.codes Nuxt site (web UI) the way a user does via Playwright — launch the dev server, doctor health, exercise mapped features, capture screenshots/ARIA evidence, and clean up. | debs-obrien/ | 142 | — | ~1.9k | Automated safety check: Pass | No licence | 3 days ago |
| 114 | Install and integrate Ignite UI Web Components packages into React, Angular, Vue 3, LitElement, or vanilla JS/HTML apps, detecting the framework and applying framework-specific setup (package… | IgniteUI/ | 170 | — | ~1.4k | Automated safety check: Pass | MIT | 2 days ago |
| 115 | 115.Docs Page Create or update component documentation pages in packages/ui/docs. | indielayer/ | 222 | — | ~419 | Automated safety check: Pass | MIT | 3 days ago |
| 116 | 116.Glide Setup Zero-error setup guide for AI agents to install and configure @srivarsank/glide visual editor on any React, Vue, Svelte, Astro, or HTML Vite project in one prompt. | SrivarsanK/ | 120 | — | ~868 | Automated safety check: Pass | Apache-2.0 | 10 days ago |
| 117 | 117.Generate Theme 为 wot-ui 生成单文件主题 SCSS，并在 App.vue 中挂载语义变量. An agent skill from wot-ui/wot-ui. | wot-ui/ | 387 | — | ~2.4k | Automated safety check: Pass | MIT | yesterday |
| 118 | Web UI accessibility lead. An agent skill from Community-Access/accessibility-agents. | Community-Access/ | 423 | — | ~932 | Automated safety check: Pass | MIT | 18 days ago |
| 119 | 119.Comment Pass Rewrite the comments under a path to the repo's comment rules (why-only, ≤ 3 lines, no history, no filler). | Ocean-Industries-Concept-Lab/ | 103 | — | ~297 | Automated safety check: Pass | Unknown | 2 days ago |
| 120 | Use Codex browser capabilities to inspect and validate the RSSMonster UI in a real browser. | pietheinstrengholt/ | 564 | — | ~3.4k | Automated safety check: Pass | MIT | 2 days ago |
| 121 | Review component for accessibility issues. An agent skill from AgnosticUI/agnosticui. | AgnosticUI/ | 827 | — | ~635 | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 122 | Recommend 3-5 targeted frontend resources from the fe-tools curated directory for a user's question. | MichealWayne/ | 207 | — | ~1.2k | Automated safety check: Pass | No licence | 1 mo ago |
| 123 | Render and serialize Portable Text to React, Svelte, Vue, Astro, HTML, Markdown, and plain text. | sanity-io/ | 188 | 1 repo | ~1.1k | Automated safety check: Pass | MIT | 2 days ago |
| 124 | 124.Browser QA Live browser QA + Playwright-compatible replay. An agent skill from VKirill/claude-lane-stack. | VKirill/ | 122 | — | ~2.1k | Automated safety check: Pass | MIT | yesterday |
| 125 | 为 Fantastic-admin 框架生成 Pinia Store 模块。当用户提到以下任何需求时必须使用此技能：多个页面需要共享数据、全局状态管理、数据需要持久化（刷新后还在）、登录状态/用户信息需要缓存、购物车/通知/权限等全局数据、需要在组件外访问状态。即使用户只是说"这个数据要全局共享"或"刷新后数据不能丢"，也应触发此技能。触发关键词：创建… | fantastic-admin/ | 3.4k | — | ~519 | Automated safety check: Pass | MIT | 11 days ago |
| 126 | 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 |
| 127 | 127.Regle Advanced Advanced Regle form validation patterns — collection validation with $each, async rules and $pending, server/externalErrors, $reset options, global config with defineRegleConfig, discriminated-union… | victorgarciaesgi/ | 506 | — | ~683 | Automated safety check: Pass | MIT | 12 days ago |
| 128 | 128.Figma MCP Use the Figma MCP server to translate a Figma design into a Vue page or component layout. | Mystic-Stars/ | 517 | — | ~388 | Automated safety check: Pass | Unknown | today |
| 129 | A skill your agent uses whenever the user wants the Zova frontend path in this Cabloy repo: create or extend pages, components, api or model beans, route/query/params work, metadata refresh… | cabloy/ | 982 | — | ~4.1k | Automated safety check: Pass | MIT | today |
| 130 | Create React/Vue component with TypeScript, tests, and styles. | qf-studio/ | 355 | — | ~4.5k | Automated safety check: Notes | MIT | 2 days ago |
| 131 | 131.Add I18n Locale NaiveTab 浏览器扩展的 i18n 国际化开发指南。当用户要新增/修改翻译文本、添加多语言 key 时使用。涵盖中英文同步更新规则、变量替换模式等，防止遗漏或格式错误。 | GXFG/ | 137 | — | ~269 | Automated safety check: Pass | GPL-3.0 | 4 days ago |
| 132 | Provides one-command project creation for uni-app using the official quickstart CLI, including project initialization, configuration, and template… | feige996/ | 2.3k | — | ~1k | Automated safety check: Pass | MIT | 26 days ago |
| 133 | 133.UI Craft Design, build, redesign, or modify browser-visible web interfaces with product-quality composition, visual systems, interaction states, responsive behavior, accessibility, and browser visual QA. | MemTensor/ | 2.1k | — | ~2.9k | Automated safety check: Pass | MIT | yesterday |
| 134 | 134.Fix GitHub Issue Fix a GitHub issue by number. An agent skill from AgnosticUI/agnosticui. | AgnosticUI/ | 827 | — | ~751 | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 135 | 135.Start A skill your agent uses when setting up a project to use pxlkit (@pxlkit/ui-kit), or when asked what the pxlkit skills do. | Joangeldelarosa/ | 117 | — | ~1.3k | Automated safety check: Notes | Unknown | 4 days ago |
| 136 | 136.Primevue Skilld A skill your agent uses when writing, debugging, or updating code that imports primevue (PrimeVue v5, UI component library for Vue 3). | skilld-dev/ | 181 | — | ~1.9k | Automated safety check: Pass | MIT | today |
| 137 | Expert developer for Calcpad.Web/frontend - the TypeScript/Vue 3 frontend monorepo. | imartincei/ | 110 | — | ~1.1k | Automated safety check: Notes | MIT | 3 days ago |
| 138 | 138.Markstream Vue Integrate markstream-vue into a Vue 3 app. An agent skill from Simon-He95/markstream-vue. | Simon-He95/ | 3k | — | ~2.2k | Automated safety check: Pass | MIT | yesterday |
| 139 | 139.I18n Pass Perform an i18n localization pass on changed files or a pull request, converting hard-coded English strings to the @modrinth/ui i18n system. | Mystic-Stars/ | 517 | — | ~435 | Automated safety check: Pass | Unknown | today |
| 140 | Consumer setup and integration for vite-plugin-svg-icons-ng: installation, createSvgIconsPlugin configuration, direct SVG usage, Vue 3 and React components, htmlMode, virtual modules, TypeScript… | yangxu52/ | 117 | — | ~919 | Automated safety check: Pass | MIT | 13 days ago |
| 141 | 141.I18n Sync Synchronise les fichiers de locale GitWand. An agent skill from devlint/GitWand. | devlint/ | 180 | — | ~1.1k | Automated safety check: Pass | MIT | yesterday |
| 142 | 142.Frontend Test Generate frontend component tests (React Testing Library, Vue Test Utils, snapshot) for existing components. | qf-studio/ | 355 | — | ~1.6k | Automated safety check: Notes | MIT | 2 days ago |
| 143 | 143.Add Setting Pane NaiveTab 浏览器扩展的 Setting 面板开发指南。当用户要新增 Setting 设置面板、添加新的设置页时使用。涵盖需要修改的完整文件清单、注册规范等，防止遗漏关键步骤。 | GXFG/ | 137 | — | ~279 | Automated safety check: Pass | GPL-3.0 | 4 days ago |
| 144 | 144.Vue Comment 统一 Vue 与 wot-ui 组件源码中的注释和命名规范。用户要求规范组件 Props 注释、函数命名、类型说明、变量命名或在创建组件后补齐代码注释时调用；不负责 Demo、测试和文档迁移。 | wot-ui/ | 387 | — | ~965 | Automated safety check: Pass | MIT | yesterday |
