Category
Best frontend and UI design skills, page 113
Frontend & Design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 5377 | Claude Code adapter for running a rigorous, quote-grounded codebase review or security/QA/accessibility/performance/AI-slop/enhancement audit. | ZaxbyHub/ | 494 | — | ~330 | Automated safety check: Pass | MIT | yesterday |
| 5378 | 5378.Taskflow Build and run the full TaskFlow demo stack (Express backend + React frontend + mobile) | MelbourneDeveloper/ | 113 | — | ~327 | Automated safety check: Notes | No licence | 27 days ago |
| 5379 | A skill your agent uses when checking simplified ADA-derived plan-view bathroom accessibility constraints such as turning space, door clear width, toilet centerline, grab bars, and lavatory knee/toe… | benchflow-ai/ | 1.8k | — | ~987 | Automated safety check: Pass | Apache-2.0 | 2 mo ago |
| 5380 | 5380.React Best Practices IMPORTANT: Any change to React or Next.js code must read through this skill first. | benchflow-ai/ | 1.8k | — | ~1.3k | Automated safety check: Pass | MIT | 2 mo ago |
| 5381 | Vercel's comprehensive UI guidelines for building accessible, performant web interfaces. | benchflow-ai/ | 1.8k | — | ~722 | Automated safety check: Pass | MIT | 2 mo ago |
| 5382 | A skill your agent uses to verify creative assets meet brand, accessibility, and localization standards before launch. | gtmagents/ | 414 | 1 repo | ~312 | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5383 | 5383.Mood Board Builder A skill your agent uses to compile visual inspiration, color palettes, and typography references for creative concepts. | gtmagents/ | 414 | 1 repo | ~306 | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5384 | 5384.Publishing Process A skill your agent uses to orchestrate approvals, QA, and go-live steps for SEO content + technical launches. | gtmagents/ | 414 | 1 repo | ~331 | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5385 | Expert in temporal event detection, spatio-temporal clustering (ST-DBSCAN), and photo context understanding. | curiositech/ | 244 | — | ~2.6k | Automated safety check: Notes | MIT | 1 mo ago |
| 5386 | 5386.Pp Irail Every Belgian rail lookup the existing tools offer, plus transfer-risk, delay history and accessibility data that none of them have. | mvanhorn/ | 2.1k | — | ~7.4k | Automated safety check: Notes | Apache-2.0 | yesterday |
| 5387 | 5387.Pp Shopper Every Shopper storefront in one CLI — catalog, cart, delivery schedule, charge calendar, and spend analytics no web UI surfaces. | mvanhorn/ | 2.1k | — | ~9.3k | Automated safety check: Notes | Apache-2.0 | yesterday |
| 5388 | 5388.Pp Wheelog Find and compare recorded accessibility facts with gaps and conflicting reports visible. | mvanhorn/ | 2.1k | — | ~8k | Automated safety check: Notes | Apache-2.0 | yesterday |
| 5389 | Discover all visual states of a component by interactively exploring the production baseline page — not by reading story files. | bitovi/ | 121 | — | ~2.7k | Automated safety check: Pass | MIT | 1 mo ago |
| 5390 | 5390.Extract UI Component Extract reusable UI components from inline patterns. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~1.1k | Automated safety check: Pass | MIT | 1 mo ago |
| 5391 | Subagent for figma-from-code Phase 2. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~2.1k | Automated safety check: Pass | MIT | 1 mo ago |
| 5392 | Subagent for figma-from-code Phase 1. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~2.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 5393 | Implement React components from Figma designs. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~1.5k | Automated safety check: Pass | MIT | 1 mo ago |
| 5394 | Builds comprehensive design systems and design bibles with production-ready CSS. | curiositech/ | 244 | — | ~2k | Automated safety check: Pass | MIT | 1 mo ago |
| 5395 | Design system generator that matches natural language descriptions to design trends. | curiositech/ | 244 | — | ~690 | Automated safety check: Pass | MIT | 1 mo ago |
| 5396 | Expert interior designer with deep knowledge of space planning, color theory (Munsell, NCS), lighting design (IES standards), furniture proportions, and AI-assisted visualization. | curiositech/ | 244 | — | ~2k | Automated safety check: Pass | MIT | 1 mo ago |
| 5397 | 5397.Mobile UX Optimizer Mobile-first UX optimization for touch interfaces, responsive layouts, and performance. | curiositech/ | 244 | — | ~2.7k | Automated safety check: Notes | MIT | 1 mo ago |
| 5398 | 5398.Native App Designer Creates breathtaking iOS/Mac and web apps with organic, non-AI aesthetic. | curiositech/ | 244 | — | ~1.9k | Automated safety check: Notes | MIT | 1 mo ago |
| 5399 | 5399.Pwa Expert Progressive Web App development with Service Workers, offline support, and app-like behavior. | curiositech/ | 244 | — | ~2.4k | Automated safety check: Notes | MIT | 1 mo ago |
| 5400 | Prepare for L6+ coding interviews — in-memory databases, concurrency, state management, iterative follow-ups. | curiositech/ | 244 | — | ~3.1k | Automated safety check: Pass | MIT | 1 mo ago |
| 5401 | 5401.Skill Documentarian Documentation expert for Claude Skills showcase website. An agent skill from curiositech/some_claude_skills. | curiositech/ | 244 | — | ~3.9k | Automated safety check: Notes | MIT | 1 mo ago |
| 5402 | 5402.Web Design Expert Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns. | curiositech/ | 244 | — | ~1.7k | Automated safety check: Pass | MIT | 1 mo ago |
| 5403 | Extraio as palavras exatas que seus clientes usam nas gravações das suas ligações de vendas. | gethouston/ | 117 | — | ~1.8k | Automated safety check: Pass | MIT | yesterday |
| 5404 | 5404.Page Draft one page as one URL, one offer, and one action. An agent skill from aiskillstore/marketplace. | aiskillstore/ | 433 | — | ~451 | Automated safety check: Pass | MIT | yesterday |
| 5405 | 5405.Aceternity UI 100+ animated React components (Aceternity UI) for Next.js with Tailwind. | secondsky/ | 227 | — | ~4.7k | Automated safety check: Pass | MIT | 13 days ago |
| 5406 | Framework integration for Cloudflare Workers. An agent skill from secondsky/claude-skills. | secondsky/ | 227 | — | ~1.4k | Automated safety check: Pass | MIT | 13 days ago |
| 5407 | 5407.Hugo Hugo static site generator with Tailwind v4, headless CMS (Sveltia/Tina), Cloudflare deployment. | secondsky/ | 227 | — | ~4k | Automated safety check: Notes | MIT | 13 days ago |
| 5408 | Implements multi-language support using i18next, gettext, or Intl API with translation workflows and RTL support. | secondsky/ | 227 | — | ~595 | Automated safety check: Pass | MIT | 13 days ago |
| 5409 | 5409.Maz UI Maz-UI v4 - Modern Vue & Nuxt component library with 50+ standalone components, composables, directives, theming, i18n, and SSR support. | secondsky/ | 227 | — | ~4.5k | Automated safety check: Pass | MIT | 13 days ago |
| 5410 | 5410.Nuxt Data | Nuxt 4 data management: composables, data fetching with useFetch/useAsyncData, and state management with useState and Pinia. | secondsky/ | 227 | — | ~3.4k | Automated safety check: Pass | MIT | 13 days ago |
| 5411 | 5411.Nuxt Data Nuxt 5 data management with useFetch, useAsyncData, useState, and Pinia. | secondsky/ | 227 | — | ~2.6k | Automated safety check: Pass | MIT | 13 days ago |
| 5412 | 5412.Nuxt Production | Nuxt 4 production optimization: hydration, performance, testing with Vitest, deployment to Cloudflare/Vercel/Netlify, and v4 migration. | secondsky/ | 227 | — | ~3.3k | Automated safety check: Notes | MIT | 13 days ago |
| 5413 | 5413.Nuxt Production | Nuxt 5 production optimization: hydration, performance, testing with Vitest, deployment to Cloudflare/Vercel/Netlify, and migration from Nuxt 4. | secondsky/ | 227 | — | ~2.7k | Automated safety check: Pass | MIT | 13 days ago |
| 5414 | 5414.Tailwind V4 Shadcn | Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. | secondsky/ | 227 | — | ~4k | Automated safety check: Pass | MIT | 13 days ago |
| 5415 | Optimizes web application performance through code splitting, lazy loading, caching strategies, and Core Web Vitals monitoring. | secondsky/ | 227 | — | ~1.6k | Automated safety check: Pass | MIT | 13 days ago |
| 5416 | 5416.Kmp Starter UI Reusable Compose UI kit on the KMP Starter Template — starter/ui/components, starter/ui/utils, and starter/ui/layouts. | DevAtrii/ | 167 | — | ~1.1k | Automated safety check: Pass | MIT | 1 mo ago |
| 5417 | 5417.Angular Forms Build signal-based forms in Angular v21+ using the new Signal Forms API. | Kilo-Org/ | 190 | — | ~2.8k | Automated safety check: Pass | MIT | 12 days ago |
| 5418 | 5418.Angular Routing Implement routing in Angular v20+ applications with lazy loading, functional guards, resolvers, and route parameters. | Kilo-Org/ | 190 | — | ~2.2k | Automated safety check: Pass | MIT | 12 days ago |
| 5419 | 5419.Angular Signals Implement signal-based reactive state management in Angular v20+. | Kilo-Org/ | 190 | — | ~1.9k | Automated safety check: Pass | MIT | 12 days ago |
| 5420 | A skill your agent uses when determining the minimum elevator shaft (hoistway) dimensions required for accessibility compliance in Taiwan. | h30190/ | 158 | — | ~1.4k | Automated safety check: Pass | Unknown | 3 days ago |
| 5421 | 5421.UI Validator 任何可见 UI 改动、交互变更、样式修复、响应式适配、暗色模式适配和浏览器侧回归验证都应使用。它负责在真实页面中验证实际渲染效果,而不是只看代码。用户提到 UI validate、screenshot、browser check、responsive、dark mode、视觉回归时都应触发。 | CaoMeiYouRen/ | 220 | — | ~235 | Automated safety check: Pass | MIT | 10 days ago |
| 5422 | 5422.Agency Socials Generate social media covers and assets for AGENCY Community events, meetups, and YouTube recordings. | glebis/ | 391 | — | ~1.3k | Automated safety check: Pass | MIT | 3 days ago |
| 5423 | 5423.Publish Skill This skill should be used when publishing a new or updated skill to the claude-skills-site Astro website. | glebis/ | 391 | — | ~4.1k | Automated safety check: Pass | MIT | 3 days ago |
| 5424 | 5424.Sketch Open a Fabric.js-based SVG editor in the browser for collaborative visual prototyping. | glebis/ | 391 | — | ~1.2k | Automated safety check: Pass | MIT | 3 days ago |
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