Topic · Frontend & Design
Best frontend development skills, page 2
Frontend development skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 49 | 49.Dig UI 用于 Dig 网页与产品界面的设计系统 skill。Use when the user mentions dig-ui, dig-ui-skill, Dig UI, catalog/wise, catalog/dig, CSS token, layout recipe, block library, dashboard, runtime, marketing, docs, or… | originaleric/ | 232 | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 50 | Generate installable SolonCode Web UI skin zip packages from natural-language design requests. | opensolon/ | 197 | — | ~1.9k | Automated safety check: Pass | MIT | today |
| 51 | Turns a short brief into a researched, distinctive website: lock the intent with at most one question, research live reference sites, source materials, then build and verify. | liucongg/ | 248 | — | ~1.3k | Automated safety check: Pass | Apache-2.0 | 29 days ago |
| 52 | Create interactive PHP test case scripts for Dolibarr ERP/CRM that allow users to setup test data, view results via direct links, and tear down (clean up) the data. | Dolibarr/ | 7.7k | 1 repo | ~5.5k | Automated safety check: Pass | GPL-3.0 | today |
| 53 | Kiln's code conventions and per-area gotchas, plus a diff gate that enforces the mechanical ones. | Kiln-AI/ | 5.2k | — | ~1.7k | Automated safety check: Notes | Unknown | today |
| 54 | Sets rules for web UI work that favor hierarchy, spacing and restrained styling, with routes for generating, reviewing and polishing interfaces. | kasonye/ | 384 | — | ~3.2k | Automated safety check: Pass | No licence | 5 mo ago |
| 55 | 评审单份或一组产品 UI 设计稿,像资深设计专家团一样从视觉质量、交互体验、设计系统三个方面发现问题并给出具体、可执行、按优先级排序的优化建议;在可行时默认生成与报告编号对应的问题标注图和优化建议图,并支持修改稿增量复评。Use when the user provides UI screenshots, icon sets, screen recordings, product flows… | ColourCloudSky/ | 119 | — | ~1.4k | Automated safety check: Pass | MIT | 2 mo ago |
| 56 | Sets the rules for building the Cursor BYOK desktop app's React and Tauri frontend, especially its HTTP boundary and component state architecture. | leookun/ | 3.2k | — | ~1.9k | Automated safety check: Pass | MIT | today |
| 57 | Shows how to use @pierre/highlights for syntax-highlighted HTML or tokens, streaming and incremental tokenizing, and Zed-compatible themes with CSS variables. | pierrecomputer/ | 6.2k | — | ~409 | Automated safety check: Pass | Apache-2.0 | today |
| 58 | Routes frontend and UI work through design reference rulesets, with a design-system gate plus layout and print guidance, before any UI code is written. | code-yeongyu/ | 70k | — | ~5.3k | Automated safety check: Pass | Unknown | today |
| 59 | A skill your agent uses when you need to store, retrieve, search, or manage documents in a local knowledge base with semantic search and hybrid (vector + full-text) retrieval. | andrea9293/ | 343 | — | ~2.3k | Automated safety check: Pass | MIT | 1 mo ago |
| 60 | 60.Gno Search local documents, files, notes, and knowledge bases. An agent skill from gmickel/gno. | gmickel/ | 115 | 1 repo | ~1.6k | Automated safety check: Pass | MIT | today |
| 61 | Teaches the agent Jaspr's Flutter-like component model and typed HTML elements, with strict rules on build methods and helper syntax. | rodydavis/ | 819 | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | 24 days ago |
| 62 | Build a new skin for the dsh-web-ui skin collection (DSH Web GUI) and publish it into the skin-center plugin — scaffold with scripts/dsh-skin-new, author skin.json plus the apply/dispose +… | ningbainb/ | 781 | — | ~1.4k | Automated safety check: Pass | BSD-3-Clause | yesterday |
| 63 | Builds or updates a Tabler component preview page under preview/pages, covering the page skeleton, header, and card grid conventions. | tabler/ | 42k | — | ~2.2k | Automated safety check: Pass | MIT | today |
| 64 | 64.Silk Design Build websites and web UI with smooth, polished, high-end motion by default — the buttery feel of premium sites, not static slop. | bendrape1-byte/ | 138 | — | ~1.8k | Automated safety check: Pass | MIT | 1 mo ago |
| 65 | Verify the DoveVannoINostriSoldi web UI, public data APIs, RGS views, source ledger, and MCP catalog after integrated-source changes. | Italian-Builders-Org/ | 343 | — | ~1.2k | Automated safety check: Pass | Unknown | today |
| 66 | 66.Gridgeist A skill your agent uses when creating, redesigning, or reviewing web interfaces that need product-specific structure, clear hierarchy, responsive composition, accessible interaction, or relief from… | ohmiler/ | 114 | — | ~2.6k | Automated safety check: Pass | MIT | 2 mo ago |
| 67 | A skill your agent uses for frontend/UI builds, redesigns, polish, or extensions. | adamholter/ | 160 | 1 repo | ~2k | Automated safety check: Pass | MIT | 3 mo ago |
| 68 | Explains Handsontable's physical, visual and renderable row and column coordinate spaces and how to convert between them with IndexMapper, for debugging misplaced rows or columns. | handsontable/ | 22k | — | ~721 | Automated safety check: Pass | Unknown | today |
| 69 | 69.Bunwv Headless browser testing via persistent Bun.WebView session. | NatiCha/ | 220 | — | ~4.6k | Automated safety check: Notes | MIT | 4 mo ago |
| 70 | Reference knowledge base for the no-build ofa.js framework, with syntax rules and a table of mistakes to avoid when writing components, pages and routes. | ofajs/ | 754 | — | ~8.3k | Automated safety check: Pass | MIT | 2 days ago |
| 71 | Build interactive analytics webapps, demos, dashboards, or embedded app surfaces from Sidemantic semantic models using copyable component primitives and deterministic query inspection. | sidequery/ | 129 | — | ~5.5k | Automated safety check: Pass | AGPL-3.0 | today |
| 72 | Record browser or Web UI interaction demos as optimized GIFs using the available browser-control workflow, optional Playwright Videos for higher capture frame rates, and deterministic encoding, then… | singula-ai/ | 109 | 1 repo | ~4.1k | Automated safety check: Notes | MIT | 9 days ago |
| 73 | 73.Bggg Data X Collect auditable public X/Twitter posts by controlling the user's already logged-in Chrome, searching X's rendered web interface, scrolling visible results, and extracting original post text and… | binggandata/ | 603 | — | ~1.5k | Automated safety check: Pass | MIT | 1 mo ago |
| 74 | Builds new interface components inside an existing project, reusing its design system, stack and conventions instead of producing isolated demo UI. | kostja94/ | 199 | — | ~965 | Automated safety check: Pass | MIT | 12 days ago |
| 75 | 75.Build Run Build, configure, and run rtp2httpd locally, including embedded Web UI builds and build/runtime troubleshooting. | stackia/ | 2.2k | — | ~687 | Automated safety check: Pass | GPL-2.0 | 5 days ago |
| 76 | Gives a route in Chamilo's Vue app its breadcrumb entirely from router meta fields, without editing the Breadcrumb component or naming pages. | chamilo/ | 1k | — | ~2k | Automated safety check: Pass | GPL-3.0 | today |
| 77 | Chinese-language rules for building, changing and reviewing product front ends, covering interface, interaction, state and data flow and component organization. | oil-oil/ | 132 | — | ~1.4k | Automated safety check: Pass | MIT | 3 days ago |
| 78 | Guides building browser apps with the @manycore/aholo-viewer npm package to render 3D Gaussian Splatting and mesh content from TypeScript. | manycoretech/ | 1.1k | — | ~2.2k | Automated safety check: Pass | MIT | today |
| 79 | Sets the rules for writing Handsontable documentation examples in JavaScript, TypeScript, React, Angular and Vue, with the imports, registration and licence key each needs. | handsontable/ | 22k | — | ~2.2k | Automated safety check: Pass | Unknown | today |
| 80 | Investigates geocoder data quality issues by querying live S3 parquet files via MotherDuck MCP. | walkthru-earth/ | 153 | — | ~935 | Automated safety check: Pass | CC-BY-4.0 | 3 mo ago |
| 81 | QuickStart for getting the Karmada Dashboard running on an existing kind-based Karmada dev environment and exposing it for access. | karmada-io/ | 105 | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | today |
| 82 | Build web interfaces with genuine design quality, not AI slop. | udecode/ | 17k | — | ~3.6k | Automated safety check: Pass | Unknown | today |
| 83 | Builds, reviews and packages iCUE HTML widgets for CORSAIR device screens such as Xeneon Edge, Pump LCD and keyboard LCD, treating the local docs as the source of truth. | marcimastro98/ | 104 | — | ~5.2k | Automated safety check: Pass | Unknown | today |
| 84 | 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 |
| 85 | Raise frontend visual judgment for web interfaces with a bias toward refined product-grade composition, precise component craftsmanship, disciplined interaction states, controlled motion, and… | pdsuwwz/ | 578 | 1 repo | ~431 | Automated safety check: Pass | MIT | 2 mo ago |
| 86 | Generate, modify, and render professional README.md files and project introduction HTML pages using the bundled README Generator Pro FastAPI application. | beizhi23/ | 113 | — | ~472 | Automated safety check: Notes | No licence | 3 mo ago |
| 87 | Release and publish the dsh-web-ui monorepo (DSH Web GUI plugin family + skin collection) — bump all packages to one unified version, commit and tag, push the vX.Y.Z tag that triggers the GitHub… | ningbainb/ | 781 | — | ~1.4k | Automated safety check: Warn | BSD-3-Clause | yesterday |
| 88 | Builds a feature, page, component, API or data layer from an approved spec and AGENTS.md, and sends you back to /architect when a key decision is missing. | jsmastery-pro/ | 1.4k | — | ~3.8k | Automated safety check: Notes | MIT | 1 mo ago |
| 89 | QA the Sculptor mobile web UI on a real iOS Simulator, driven headlessly from a Mac. | imbue-ai/ | 236 | — | ~3.1k | Automated safety check: Pass | MIT | today |
| 90 | Deploys the library to OSSRH staging and creates a pre-release, but publishing must be done manually via the Sonatype web UI. | spotify/ | 151 | — | ~717 | Automated safety check: Notes | Apache-2.0 | 2 mo ago |
| 91 | Develops, debugs and profiles Cherry Studio in a tracked Electron instance, reusing a verified running instance and capturing before and after evidence for each change. | CherryHQ/ | 52k | — | ~739 | Automated safety check: Pass | AGPL-3.0 | today |
| 92 | A skill your agent uses when modifying or visually debugging Nango frontend UI, including packages/webapp, packages/connect-ui, browser interactions, screenshots, and visual regressions. | NangoHQ/ | 13k | — | ~1.3k | Automated safety check: Pass | Unknown | today |
| 93 | 93.Frontend UI Implement and review Open Flow frontend components, styling, layout, and interactions. | oomol-lab/ | 226 | — | ~857 | Automated safety check: Pass | Apache-2.0 | today |
| 94 | Rules for calling JavaScript from Jaspr web apps in Dart: which interop libraries to import in server, static and client modes, and how to wrap functions, objects and libraries. | rodydavis/ | 819 | — | ~823 | Automated safety check: Pass | Apache-2.0 | 24 days ago |
| 95 | A comprehensive skill for uni-app mini program development. Use when building uni-app mini programs, configuring mini program settings, or working… | feige996/ | 2.3k | — | ~516 | Automated safety check: Pass | MIT | 22 days ago |
| 96 | Create distinctive, production-grade frontend interfaces with a clear visual direction while respecting project design specification constraints, existing design systems, and minimal-diff… | ceilf6/ | 120 | — | ~956 | Automated safety check: Pass | Apache-2.0 | 8 days ago |
Explore related skills
Category
More topics in Frontend & Design
- Accessibility1,033
- Design systems836
- UI design478
- Landing pages460
- React components455
- Internationalization414
- Typography397
- Design tokens395
- CSS and styling352
- Theming and dark mode337
- Web performance316
- HTML artifacts277
- State management276
- Static sites and blogs268
- UX design265
- Responsive design261
- Web animation and motion190
- Forms and validation180
- Design to code104
- Icons and illustration64