Category
Best frontend and UI design skills, page 115
Frontend & Design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 5473 | A skill your agent uses when a task spans interface understanding, design-system memory, UI audits, design CI, Figma, shadcn or Tailwind code generation, research, or agent design workflows and… | hashgraph-online/ | 1.3k | — | ~822 | Automated safety check: Pass | Apache-2.0 | today |
| 5474 | 5474.Muapi UI Design Generate high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles — creates wireframes and design systems via muapi.ai | hashgraph-online/ | 1.3k | — | ~884 | Automated safety check: Pass | Apache-2.0 | today |
| 5475 | 5475.React UI A skill your agent uses when building any val with a user interface — dashboards, web apps, landing pages, forms, admin tools, anything users see in a browser. | hashgraph-online/ | 1.3k | — | ~904 | Automated safety check: Pass | Apache-2.0 | today |
| 5476 | A skill your agent uses when an agent is about to build or refactor interface code and needs a compact, repository-specific brief covering existing tokens, components, routes, conventions, and… | hashgraph-online/ | 1.3k | — | ~585 | Automated safety check: Pass | Apache-2.0 | today |
| 5477 | 5477.Review Team 6つの専門レビュアーロールを並列実行し、consensusLevel(複数ロールの合意度)と Tech Lead レポート(top3指摘・blindSpots・consensusSummary)で結果を統合する マルチエージェントレビュー entry skill。 | hashgraph-online/ | 1.3k | — | ~1.7k | Automated safety check: Pass | MIT | today |
| 5478 | Plan viral marketing and engineering-as-marketing traction experiments from Traction. | hashgraph-online/ | 1.3k | — | ~662 | Automated safety check: Pass | MIT | today |
| 5479 | 5479.UX Design A skill your agent uses when the user asks for UX, product flow, user journey, wireframes, usability, conversion, onboarding, checkout, signup, navigation, forms, state design, dashboard workflows… | hashgraph-online/ | 1.3k | — | ~4k | Automated safety check: Pass | Apache-2.0 | today |
| 5480 | 5480.Visual Companion Browser-based visual brainstorming companion for showing mockups, diagrams, and visual options. | hashgraph-online/ | 1.3k | — | ~2.5k | Automated safety check: Pass | Apache-2.0 | today |
| 5481 | Recommend font combinations for different use cases. An agent skill from OneWave-AI/claude-skills. | OneWave-AI/ | 336 | 1 repo | ~351 | Automated safety check: Pass | MIT | 8 days ago |
| 5482 | 5482.SEO Keyword Insights Build evidence-backed SEO keyword insights and strategy using SandBase-managed search, keyword, site-analysis, and SERP capabilities. | sandbaseai/ | 203 | — | ~2.6k | Automated safety check: Pass | Apache-2.0 | 14 days ago |
| 5483 | 5483.UI UX Pro Max UI/UX 设计智能,在设计页面时必须使用 | Prorise-cool/ | 306 | — | ~1.5k | Automated safety check: Notes | No licence | 24 days ago |
| 5484 | Use Cursor's browser aria snapshots to audit a page for accessibility issues — missing labels, broken tab order, contrast, and ARIA misuse. | spencerpauly/ | 844 | — | ~657 | Automated safety check: Pass | CC0-1.0 | 2 mo ago |
| 5485 | Migrate CSS Modules (.module.css/.module.scss) to Tailwind utility classes. | spencerpauly/ | 844 | — | ~881 | Automated safety check: Pass | CC0-1.0 | 2 mo ago |
| 5486 | Convert plain CSS stylesheets to Tailwind CSS utility classes. | spencerpauly/ | 844 | — | ~916 | Automated safety check: Pass | CC0-1.0 | 2 mo ago |
| 5487 | 5487.Dark Mode Testing Toggle between light and dark mode in Cursor's browser, screenshot both states, and flag missing token mappings or contrast issues. | spencerpauly/ | 844 | — | ~548 | Automated safety check: Pass | CC0-1.0 | 2 mo ago |
| 5488 | Execute a user flow step-by-step in Cursor's built-in browser while documenting each action, then emit a Playwright test that replays the same flow using stable selectors derived from the… | spencerpauly/ | 844 | — | ~857 | Automated safety check: Pass | CC0-1.0 | 2 mo ago |
| 5489 | 5489.Using UI Stack Enforce a configuration-driven design system when generating UI. | spencerpauly/ | 844 | — | ~767 | Automated safety check: Pass | CC0-1.0 | 2 mo ago |
| 5490 | 5490.Writing Copy Write marketing copy for landing pages, product descriptions, CTAs, emails, and app UI text. | spencerpauly/ | 844 | — | ~715 | Automated safety check: Pass | CC0-1.0 | 2 mo ago |
| 5491 | This skill applies consistent corporate branding and styling to all generated documents including colors, fonts, layouts, and messaging | Microck/ | 404 | 1 repo | ~1.2k | Automated safety check: Pass | Unknown | 1 mo ago |
| 5492 | Generate comprehensive component guideline documentation for SEED Design System. | Microck/ | 404 | — | ~2.9k | Automated safety check: Notes | Unknown | 1 mo ago |
| 5493 | Validate consistency across SEED Design component documentation layers (design guidelines in ./docs/content/docs/components, Rootage specs in ./packages/rootage/components, and React docs in… | Microck/ | 404 | — | ~4k | Automated safety check: Pass | Unknown | 1 mo ago |
| 5494 | 5494.Tauri Tauri framework for building cross-platform desktop and mobile apps. | Microck/ | 404 | — | ~3.1k | Automated safety check: Pass | Unknown | 1 mo ago |
| 5495 | 5495.Ascii Cosmos Generate a single-file product landing page with a layered ASCII cosmos hero (rotating ASCII planet, drifting irregular asteroids, comet trails, nebula gas clouds — each in its own harmonious color)… | Ali-Marandi/ | 107 | — | ~2.7k | Automated safety check: Pass | No licence | 1 mo ago |
| 5496 | 5496.HTML Deploy Publish a single self-contained HTML page to htmlcode.fun and return live URLs. | infometa/ | 348 | — | ~1.6k | Automated safety check: Notes | No licence | yesterday |
| 5497 | 5497.Static App Deploy static websites and built frontend apps to Static.app hosting. | infometa/ | 348 | — | ~1.6k | Automated safety check: Notes | No licence | yesterday |
| 5498 | 5498.UI UX Pro Max AI-powered UI/UX design intelligence with 57 UI styles, 95+ color palettes, 56 font pairings, 25 chart types, and 100+ industry-specific reasoning rules across 12 tech stacks. | infometa/ | 348 | — | ~2.7k | Automated safety check: Notes | No licence | yesterday |
| 5499 | 5499.Rtk Query API RTK Query createApi best practices | LedgerHQ/ | 622 | — | ~1.6k | Automated safety check: Pass | MIT | today |
| 5500 | 5500.Export Standalone Bundle an HTML artifact into a single self-contained file with all CSS/JS/images inlined as data URLs. | bluzir/ | 106 | — | ~385 | Automated safety check: Pass | No licence | 5 mo ago |
| 5501 | 5501.Brand Design Generate brand guidelines, design systems with design tokens (W3C format), creative direction (SCAMPER, Design Thinking, TRIZ), and design briefs with scope and success criteria. | EliasOulkadi/ | 114 | — | ~3k | Automated safety check: Pass | MIT | 5 days ago |
| 5502 | 5502.Taste Senior UI/UX Engineer. An agent skill from EliasOulkadi/shokunin. | EliasOulkadi/ | 114 | — | ~3.5k | Automated safety check: Pass | MIT | 5 days ago |
| 5503 | 5503.Taste Soft High-end visual design like a premium agency. An agent skill from EliasOulkadi/shokunin. | EliasOulkadi/ | 114 | — | ~3.2k | Automated safety check: Pass | MIT | 5 days ago |
| 5504 | 5504.Pricing Strategy SaaS pricing design and optimization covering value metric selection, tier architecture, price point research, pricing page design, price increase execution, and competitive pricing analysis. | borghei/ | 891 | — | ~2k | Automated safety check: Pass | MIT | 3 days ago |
| 5505 | Analyze and implement narrowly scoped frontend UI changes in the ZhiYuan Agent project. | rongxinzy/ | 154 | — | ~1.6k | Automated safety check: Pass | AGPL-3.0 | today |
| 5506 | 5506.Algo SEO Technical Optimize Core Web Vitals (LCP, INP, CLS) for better search rankings and user experience. | asgard-ai-platform/ | 242 | — | ~1k | Automated safety check: Pass | MIT | 4 mo ago |
| 5507 | 5507.Grad Born Global Apply the Born Global framework to analyze firms that internationalize rapidly from inception under resource constraints. | asgard-ai-platform/ | 242 | — | ~1.5k | Automated safety check: Pass | MIT | 4 mo ago |
| 5508 | 5508.Grad Uppsala Apply the Uppsala Internationalization Model to analyze gradual foreign market entry based on psychic distance and experiential learning. | asgard-ai-platform/ | 242 | — | ~1.4k | Automated safety check: Pass | MIT | 4 mo ago |
| 5509 | Conduct scenario planning to prepare for multiple plausible futures using driving forces, uncertainty axes, and the 2x2 scenario matrix. | asgard-ai-platform/ | 242 | — | ~1k | Automated safety check: Pass | MIT | 4 mo ago |
| 5510 | 5510.UX Design Thinking Apply Design Thinking's five stages — Empathize, Define, Ideate, Prototype, Test — to solve user-centered problems. | asgard-ai-platform/ | 242 | — | ~1.2k | Automated safety check: Pass | MIT | 4 mo ago |
| 5511 | 5511.UX Heuristic Conduct heuristic evaluation of user interfaces using Nielsen's 10 usability principles. | asgard-ai-platform/ | 242 | — | ~1.4k | Automated safety check: Pass | MIT | 4 mo ago |
| 5512 | 5512.Booker Public booking flow — the state machine, animations, and URL/app-state sync. | BuilderIO/ | 7.1k | — | ~400 | Automated safety check: Pass | No licence | today |
| 5513 | 5513.React Native Styling Style React Native apps with StyleSheet API, Flexbox, theming, and responsive design. | HoangNguyen0403/ | 572 | — | ~333 | Automated safety check: Pass | MIT | yesterday |
| 5514 | 5514.Landing Page Create high-converting landing pages with persuasive copy, clear CTAs, social proof, and optimized structure. | nicepkg/ | 285 | — | ~1.4k | Automated safety check: Pass | MIT | 8 mo ago |
| 5515 | 5515.UI UX Audit Mandatory audit workflow for UI/UX changes that reads current state FIRST, checks for redundancy, respects clean design philosophy, and identifies genuine gaps before implementation. | nicepkg/ | 285 | — | ~3.2k | Automated safety check: Pass | MIT | 8 mo ago |
| 5516 | 5516.Frontend 빅테크 스타일(Stripe, Vercel, Apple) UI 개발. An agent skill from jh941213/my-cc-harness. | jh941213/ | 125 | — | ~465 | Automated safety check: Notes | No licence | 2 mo ago |
| 5517 | 5517.Aosp UI Framework AOSP Part X — UI Framework. An agent skill from aospbooks/aosp-internal-book. | aospbooks/ | 139 | — | ~429 | Automated safety check: Pass | Apache-2.0 | 5 days ago |
| 5518 | 5518.Shadcn Parity Skill: shadcn-parity | udecode/ | 451 | — | ~3.7k | Automated safety check: Notes | Apache-2.0 | yesterday |
| 5519 | 5519.Ab Analyze Frontend Analyze and document a project's frontend patterns — component structure, state management, conventions. | ayoubben18/ | 192 | — | ~358 | Automated safety check: Pass | MIT | 9 days ago |
| 5520 | Design, review, and visually QA web and app interfaces against explicit design laws so shipped screens look intentional instead of generic AI output. | JasonColapietro/ | 127 | — | ~5.5k | 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