Search
Frontend development
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 145 | Create and update QuickStack frontend pages, React components, forms, dialogs, tables, streaming UI, and Zustand-backed state using the project's established UI conventions. | biersoeckli/ | 361 | — | ~704 | Automated safety check: Pass | GPL-3.0 | 2 days ago |
| 146 | Complete UI/UX design capability — a wiki-style knowledge map of design theory (UX laws, Nielsen heuristics, usability, visual hierarchy, typography, contrast/WCAG, design systems… | syahiidkamil/ | 401 | — | ~9k | Automated safety check: Pass | No licence | 3 mo ago |
| 147 | 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 |
| 148 | 148.Good Mp Post 微信公众号文章发布完整流程管理,包括AI辅助创作、图片生成、排版和发布。 | ImGoodBai/ | 195 | — | ~769 | Automated safety check: Notes | MIT | 8 mo ago |
| 149 | A skill your agent uses when adding or changing GlycemicGPT web UI structure, shared styling, Tailwind classes, semantic theme tokens, typography, base primitives, product UI components, TextInput… | lumose-health/ | 141 | — | ~707 | Automated safety check: Pass | GPL-3.0 | 2 days ago |
| 150 | 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 |
| 151 | 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 |
| 152 | Walks through adding a keyboard shortcut to LobeHub: the id type, default registration, translation text, the hook and an optional tooltip, plus scope and conflict advice. | lobehub/ | 83k | — | ~647 | Automated safety check: Pass | Unknown | today |
| 153 | Shows how to build modals, dialogs and confirmations in LobeHub with the base-ui imperative API (createModal, confirmModal, ModalHost) instead of declarative Modal components. | lobehub/ | 83k | — | ~1.3k | Automated safety check: Pass | Unknown | today |
| 154 | Explains LobeHub's split between src/routes page segments and src/features domain code, and where router config, redirects and platform adapters belong. | lobehub/ | 83k | — | ~3.5k | Automated safety check: Pass | Unknown | today |
| 155 | A skill your agent uses when verifying a running application end-to-end through its real interface — a web UI, a CLI, or a TUI — by writing and executing agent-run "scenario cards" against a freshly… | obra/ | 116 | — | ~1.8k | Automated safety check: Pass | No licence | 2 mo ago |
| 156 | Web UI accessibility lead. An agent skill from Community-Access/accessibility-agents. | Community-Access/ | 423 | — | ~932 | Automated safety check: Pass | MIT | 18 days ago |
| 157 | Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects. | julianromli/ | 144 | — | ~1.2k | Automated safety check: Pass | No licence | 8 mo ago |
| 158 | 158.UI Design Review Independent design review of a warren web-UI change. An agent skill from jayminwest/warren. | jayminwest/ | 481 | — | ~1.9k | Automated safety check: Pass | MIT | 2 days ago |
| 159 | A skill your agent uses when designing, reviewing, adding, enabling, disabling, installing, configuring, or debugging a plugin, bundle, feature, page, panel, tool, or MCP connection in the current… | Zhou-Yujing114514/ | 120 | — | ~2k | Automated safety check: Pass | MIT | 5 days ago |
| 160 | 160.Frontend Generic frontend development patterns for VeChain dApps — React Query, Turborepo architecture, state management, Chakra UI, i18n, loading states, and transaction UX. | vechain/ | 450 | — | ~1.1k | Automated safety check: Pass | MIT | 2 mo ago |
| 161 | Makes reproducible screenshots of Tabler components and screens for release notes, the website and social posts, using the repository's screenshots app. | tabler/ | 42k | — | ~1.3k | Automated safety check: Pass | MIT | yesterday |
| 162 | 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 |
| 163 | 163.Create AI Tool Build a new AI tool end-to-end — Rust implementation, toolset wiring, infra, schema generation, and frontend UI. | macro-inc/ | 4.6k | — | ~1.6k | Automated safety check: Pass | AGPL-3.0 | today |
| 164 | 164.Innoclaw CLI Use the local InnoClaw CLI to run app workflows and Deep Research sessions from the terminal. | SpectrAI-Initiative/ | 396 | — | ~548 | Automated safety check: Pass | Apache-2.0 | 2 mo ago |
| 165 | 165.Control Browser A skill your agent uses when opening, navigating, inspecting, testing, clicking, typing, filling, screenshotting, or verifying web pages and local HTTP targets (localhost, 127.0.0.1, ::1) inside… | zai-org/ | 7.7k | — | ~4.6k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 166 | A skill your agent uses when Codex must act as a senior UI web interface designer to observe an existing system page, inspect the current product style and available page functions, then redesign or… | LAIJiangFeng/ | 248 | — | ~763 | Automated safety check: Pass | No licence | 1 mo ago |
| 167 | Iterative frontend development loop using Meticulous for per-step visual validation. | FlintSH/ | 135 | — | ~1.3k | Automated safety check: Pass | MIT | 5 days ago |
| 168 | Picks and customizes CometChat's Angular UI Kit components by their verified component list, exact input and output event names, and the surfaces that have no kit component at all. | cometchat/ | 132 | — | ~2.6k | Automated safety check: Pass | MIT | 6 days ago |
| 169 | Guides building a new Handsontable cell editor through its four-state lifecycle, DOM setup, viewport-aware positioning and async validation, matching the grid's existing editor classes. | handsontable/ | 22k | — | ~3.8k | Automated safety check: Pass | Unknown | yesterday |
| 170 | 170.Senior Frontend Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. | alirezarezvani/ | 28k | 5 repos | ~3.9k | Automated safety check: Pass | MIT | 1 mo ago |
| 171 | Build or fix one web UI component in the user's code project, on the design system, typed, accessible and reviewed. | myICOR/ | 308 | — | ~271 | Automated safety check: Pass | MIT | 5 days ago |
| 172 | 172.Frontend Design Creates unique, production-grade frontend interfaces with exceptional design quality. | YYH211/ | 282 | 1 repo | ~2.2k | Automated safety check: Pass | MIT | 4 mo ago |
| 173 | 173.Skill Authoring The standard for writing new skills for the AI Edit Video system - file structure, frontmatter, tone of voice, and how to accumulate production lessons into skills. | notivn/ | 127 | — | ~925 | Automated safety check: Pass | MIT | yesterday |
| 174 | 174.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 |
| 175 | 175.Webapp Testing 使用 Playwright 与本地 Web 应用程序交互及进行测试的工具包。支持验证前端功能、调试 UI 行为、捕获浏览器截图以及查看浏览器日志。 | LeastBit/ | 590 | — | ~604 | Automated safety check: Pass | Apache-2.0 | 8 mo ago |
| 176 | Expert developer for Calcpad.Web/frontend - the TypeScript/Vue 3 frontend monorepo. | imartincei/ | 110 | — | ~1.1k | Automated safety check: Notes | MIT | 3 days ago |
| 177 | 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 |
| 178 | Proves that a refactor leaves every rendered preview page unchanged by comparing fresh HTML output against a baseline captured beforehand. | tabler/ | 42k | — | ~1.1k | Automated safety check: Pass | MIT | yesterday |
| 179 | Finds two or three well-maintained npm packages for a Front-End Checklist rule, checks download and release thresholds, and adds them to the rule's frontmatter. | thedaviddias/ | 74k | — | ~989 | Automated safety check: Pass | MIT | 5 days ago |
| 180 | Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. | aAAaqwq/ | 105 | 2 repos | ~2.7k | Automated safety check: Pass | MIT | 3 days ago |
| 181 | 181.Live UX Polish Collects your feedback on a running feature, typed or spoken and drawn in the browser, and turns it into focused UX fixes saved as local commits. | EveryInc/ | 25k | — | ~777 | Automated safety check: Pass | MIT | yesterday |
| 182 | Enables or builds CometChat features such as polls, reactions, smart replies and pinned messages in an Angular app, first classifying how much client code each one needs. | cometchat/ | 132 | — | ~2.6k | Automated safety check: Pass | MIT | 6 days ago |
| 183 | Rules for creating or changing a Handsontable plugin: file layout, lifecycle, hook registration, settings, conflict registration and IndexMapper use. | handsontable/ | 22k | — | ~2.3k | Automated safety check: Pass | Unknown | yesterday |
| 184 | Rules for writing a Handsontable cell renderer: a pure function that calls baseRenderer first, sets text safely and stays cheap because it runs for every visible cell. | handsontable/ | 22k | — | ~789 | Automated safety check: Pass | Unknown | yesterday |
| 185 | Rules for writing a Handsontable cell validator: a callback-based function bound to the cell properties that must always call back and never modify data or the DOM. | handsontable/ | 22k | — | ~742 | Automated safety check: Pass | Unknown | yesterday |
| 186 | How to add user-facing text to Handsontable through language constants and locale files, and how to handle right-to-left layouts, IME input and locale-aware casing. | handsontable/ | 22k | — | ~439 | Automated safety check: Pass | Unknown | yesterday |
| 187 | Rules for changing Handsontable's Walkontable rendering engine: the TableView boundary, dependency injection through wire.ts and DOM geometry reads via GeometryReader. | handsontable/ | 22k | — | ~3.1k | Automated safety check: Pass | Unknown | yesterday |
| 188 | 188.Motion Systems A skill your agent uses when designing or implementing motion for web interfaces, including CSS transitions and keyframes, linear() easing design, transform strategy (translate/rotate vs… | scott-fryxell/ | 125 | — | ~1.7k | Automated safety check: Pass | MIT | 13 days ago |
| 189 | Rules for writing Lit elements in an AIDD project: binding elements on DatabaseElement, observed values, presentation components and action-style callbacks. | paralleldrive/ | 384 | — | ~1.2k | Automated safety check: Pass | MIT | 4 mo ago |
| 190 | Guides React UI animation built on spring physics with React Spring and Popmotion: hooks, config presets, trails, list transitions and scroll or in-view effects. | freshtechbro/ | 1k | — | ~2.8k | Automated safety check: Pass | MIT | 10 mo ago |
| 191 | Coding conventions for Angular 19 and later: standalone components, signals, OnPush change detection, lazy routes and where RxJS still belongs. | irahardianto/ | 156 | — | ~3.8k | Automated safety check: Pass | MIT | 6 days ago |
| 192 | Zero-build frontend development for static apps, browser extensions, maps, and lightweight data-backed interfaces. | jamditis/ | 416 | — | ~1.5k | Automated safety check: Pass | MIT | 6 days ago |