Category
Best frontend and UI design skills, page 20
Frontend & Design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 913 | Inventory and classify APIs listed in a pre-provided CSV for a WDK header file. | MicrosoftDocs/ | 316 | — | ~2.6k | Automated safety check: Pass | CC-BY-4.0 | 2 mo ago |
| 914 | Inspect the current Spur (AMD SLURM-compatible) cluster node-allocation state and produce a Markdown report (optionally rendered to a standalone HTML page) covering the caller's account/QoS… | AMD-AGI/ | 131 | — | ~2.7k | Automated safety check: Pass | Unknown | today |
| 915 | 915.Termui Quick reference for TermUI components, hooks, and theming. An agent skill from Arindam200/termui. | Arindam200/ | 140 | — | ~2.8k | Automated safety check: Pass | MIT | 5 mo ago |
| 916 | 916.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 | 11 days ago |
| 917 | Independently implement and validate an alternative solution for an Astro pull request. | withastro/ | 63k | — | ~782 | Automated safety check: Pass | Unknown | yesterday |
| 918 | 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/ | 789 | — | ~1.4k | Automated safety check: Warn | BSD-3-Clause | 5 days ago |
| 919 | 919.UI UX Pro Max UI/UX design-system intelligence - 84 styles, 192 palettes, 74 font pairings, 25 charts, 99 UX guidelines across 22 stacks (searchable dataset + CLI). | AThevon/ | 440 | — | ~4.3k | Automated safety check: Pass | Unknown | 5 days ago |
| 920 | Analyzes and optimizes application performance across frontend, backend, and database layers. | CloudAI-X/ | 1.4k | 1 repo | ~1.5k | Automated safety check: Pass | MIT | 5 days ago |
| 921 | Generates paste-ready Power Apps Canvas App YAML. An agent skill from ToluVictor/canvas-apps-tools. | ToluVictor/ | 139 | — | ~6.4k | Automated safety check: Pass | MIT | 5 mo ago |
| 922 | 922.Tv Remote UI How this app stays usable from a TV remote (Android TV / Google TV). | ventic/ | 175 | — | ~4.2k | Automated safety check: Pass | MIT | today |
| 923 | 923.Graz React hooks for Cosmos blockchain interactions — connect wallets, query balances, send tokens, sign messages. | graz-sh/ | 123 | — | ~4.2k | Automated safety check: Pass | MIT | 24 days ago |
| 924 | 924.Visualize Generate beautiful, on-brand HTML artifacts — reports, diagrams, diff reviews, slide decks, plans, recaps, dashboards. | display-dev/ | 138 | — | ~7.4k | Automated safety check: Pass | MIT | 2 days ago |
| 925 | Refactor a monolithic React component file into a standardized module structure with components/, hooks/, utils/, and config/ subdirectories. | JNTMTMTM/ | 320 | — | ~2.2k | Automated safety check: Pass | GPL-3.0 | today |
| 926 | 926.Clone Website Reverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes. | julianromli/ | 191 | 2 repos | ~7.6k | Automated safety check: Pass | No licence | 4 mo ago |
| 927 | 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 | 2 days ago |
| 928 | 928.UI Design System React UI component systems with TailwindCSS + Radix + shadcn/ui. | try-works/ | 117 | — | ~5k | Automated safety check: Pass | MIT | today |
| 929 | 929.Zaidan Install and configure the Zaidan component registry in an existing SolidJS codebase, and recommend Zaidan components for a product or interaction need. | carere/ | 147 | 1 repo | ~1.4k | Automated safety check: Pass | MIT | 5 days ago |
| 930 | 930.Web Design A skill your agent uses when building any web page, HTML artifact, landing page, dashboard, slide deck, report, email, or UI component the user will look at. | drewnekota/ | 146 | — | ~2.1k | Automated safety check: Pass | MIT | yesterday |
| 931 | 931.Bit CLI MUST consult before running ANY bit command. An agent skill from teambit/bit. | teambit/ | 18k | — | ~2k | Automated safety check: Warn | Unknown | today |
| 932 | 932.Nothing Design This skill should be used when the user explicitly says "Nothing style", "Nothing design", "/nothing-design", or directly asks to use/apply the Nothing design system. | harperreed/ | 334 | 3 repos | ~2.3k | Automated safety check: Pass | No licence | 8 days ago |
| 933 | 933.Mvp Scope Cut a feature wishlist down to the smallest MVP that delivers value. | emotixco/ | 540 | — | ~803 | Automated safety check: Pass | MIT | 4 days ago |
| 934 | 934.Doodle Icons How to add and correctly use Doodle Icons (@oreo-design/doodle-icons), the hand-drawn icon set from Oreo Design where every stroke draws itself in and then keeps "boiling" like a Saturday-morning… | oreo-design/ | 133 | — | ~5.9k | Automated safety check: Pass | MIT | 1 mo ago |
| 935 | 935.Agentos UI UX 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 | 7 days ago |
| 936 | 936.Appstore Assets Generate App Store screenshots and header/search images for iPhone, iPad and Mac from a codebase or landing page, or re-render a set. | luongnv89/ | 131 | — | ~3.1k | Automated safety check: Pass | MIT | today |
| 937 | 937.Oil Frontend 用于实现、修改、重构或评审产品前端。当前任务涉及页面、组件、交互、表单、状态、数据流、Hook、类型、CSS、前端代码组织或共享实现时自动触发。触发后先阅读 SKILL.md 判断相关范围,只读取与当前任务直接相关的参考文件;如果改动与产品前端无关则停止使用。纯构建、部署、依赖升级、安全、后端任务,以及只解释前端概念而不处理项目实现的请求,不触发。 | Mystic-Stars/ | 517 | — | ~1.2k | Automated safety check: Pass | Unknown | today |
| 938 | A skill your agent uses when styling UI for perplexity.ai — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~198 | Automated safety check: Pass | MIT | 3 days ago |
| 939 | Turn multiple visual website references into original frontend directions, then refine a chosen direction. | cth9191/ | 105 | — | ~1.7k | Automated safety check: Pass | Unknown | 1 mo ago |
| 940 | A skill your agent uses when the user asks to produce a reusable design system or UI kit from an existing brand, codebase, or product. | manalkaff/ | 261 | — | ~1.3k | Automated safety check: Pass | MIT | 3 mo ago |
| 941 | 941.Video A skill your agent uses when a brief has to become a film. An agent skill from ohad6k/emulo. | ohad6k/ | 294 | 1 repo | ~8.3k | Automated safety check: Pass | MIT | 9 days ago |
| 942 | React SPA auth patterns with @clerk/react for Vite/CRA - ClerkProvider setup, useAuth/useUser/useClerk hooks, React Router protected routes, custom sign-in flows. | geekskai/ | 103 | 1 repo | ~1k | Automated safety check: Notes | MIT | 2 days ago |
| 943 | 943.Factory Self-contained SaaS pipeline — invoke directly, do not decompose. | popmechanic/ | 136 | — | ~3.1k | Automated safety check: Notes | MIT | 2 mo ago |
| 944 | Detects and fixes accessibility issues in React/Fluent UI webviews. | microsoft/ | 200 | — | ~3.2k | Automated safety check: Pass | MIT | yesterday |
| 945 | 945.Poster Maker 生成海报/做海报/公众号封面/小红书配图/朋友圈配图/OG图/分享卡/头图/横幅/banner — social-ready posters, covers and share cards with big-type layouts, brand gradients and platform size specs. | tsingliuwin/ | 283 | — | ~1.1k | Automated safety check: Pass | MIT | yesterday |
| 946 | Develop HuxerUI SDK apps: create/open projects, build UI and app-side components, configure CMake/CLI, review, and troubleshoot. | LangLang03/ | 102 | — | ~2.2k | Automated safety check: Pass | AGPL-3.0 | 11 days ago |
| 947 | 947.Oklch Skill OKLCH color space for web projects. An agent skill from Dinil-Thilakarathne/sona-ui. | Dinil-Thilakarathne/ | 118 | 1 repo | ~1.2k | Automated safety check: Pass | MIT | 4 days ago |
| 948 | Chat Gun 的前端、OpenSpec、Streaming Event、Tool Renderer、型別邊界、多模態流式鏈路與 React/Vite 編程約束。Use when working on frontend code, tool rendering, streaming contracts, multimodal requests/responses, Weather… | HsienW/ | 143 | — | ~467 | Automated safety check: Pass | Unknown | today |
| 949 | 949.Sher Deploy Deploy frontend projects to instant preview URLs using sher. | sherdotsh/ | 161 | — | ~714 | Automated safety check: Pass | AGPL-3.0 | today |
| 950 | 950.Nerv UI NERV Operations Console v2 — Evangelion-inspired UI component library. | TheGreatGildo/ | 228 | — | ~2.3k | Automated safety check: Pass | MIT | 7 mo ago |
| 951 | 951.Auto QA Iphone QA the Sculptor mobile web UI on a real iOS Simulator, driven headlessly from a Mac. | imbue-ai/ | 238 | — | ~3.1k | Automated safety check: Pass | MIT | 2 days ago |
| 952 | 用 Figma MCP 生成 B/C 端可编辑 UI 原型。用户说画原型、线框图、Figma 稿、后台页面、App 页面时使用。 | pmlaowangba-lab/ | 100 | — | ~1.2k | Automated safety check: Pass | MIT | 3 mo ago |
| 953 | 953.Add Language Translate the Econumo app into a new language. An agent skill from econumo/econumo. | econumo/ | 112 | — | ~1.7k | Automated safety check: Pass | MIT | today |
| 954 | 954.Format Style 工程代码格式化风格指引 | Pixeval/ | 3.2k | — | ~1.2k | Automated safety check: Pass | GPL-3.0 | today |
| 955 | Deploy HTML/CSS websites to ERPNext/Frappe (v15/v16) as Web Pages via the REST API. | Impertio-Studio/ | 189 | — | ~2.5k | Automated safety check: Pass | MIT | 24 days ago |
| 956 | 956.Uui Components Helps create and modify UUI (EPAM Unified UI) components following established patterns. | epam/ | 248 | — | ~2.8k | Automated safety check: Pass | MIT | 12 days ago |
| 957 | 957.Storybook Sync Check and analyze upstream Storybook repository changes that may need to be synced to storybook-rsbuild. | rstackjs/ | 156 | — | ~5.2k | Automated safety check: Pass | MIT | yesterday |
| 958 | 958.Python Debugpy Debug Python with pdb, breakpoint(), post-mortem inspection, and debugpy remote attach. | openclaw/ | 392k | 1 repo | ~633 | Automated safety check: Pass | MIT | today |
| 959 | Rspack best practices for config, CLI workflow, type checking, CSS, bundle optimization, assets and profiling. | artusjs/ | 156 | — | ~634 | Automated safety check: Pass | MIT | 3 mo ago |
| 960 | 960.Kei PR Ready Validate a kei branch before review without publishing or changing it. | rhoopr/ | 156 | — | ~1.2k | Automated safety check: Pass | MIT | today |
Explore related skills
Topics in Frontend & Design
- Accessibility1,036
- Design systems829
- UI design477
- Landing pages452
- React components451
- Internationalization416
- Typography399
- Design tokens390
- Frontend development361
- CSS and styling346
- Theming and dark mode332
- Web performance312
- HTML artifacts275
- State management274
- Static sites and blogs272
- UX design268
- Responsive design257
- Web animation and motion190
- Forms and validation179
- Design to code106
- Icons and illustration64
Products these skills work with
Roles that use these skills
Other categories
- Development15,214
- Backend & APIs7,095
- Testing & QA5,045
- DevOps & Cloud5,975
- Databases2,347
- Data & Analytics3,623
- AI & LLM Engineering5,042
- Agent Workflows8,310
- Documents & Office4,299
- Writing & Content3,744
- Marketing & SEO3,900
- Sales & Support1,809
- Research & Science6,061
- Security3,085
- Productivity & Automation4,039
- Business, Finance & HR3,855
- Legal & Compliance1,617
- Education1,078
- Media & Creative4,318
- Mobile2,746
- Product & Project Management2,329
- Knowledge Management1,439
- Game Development1,660