Category
Best frontend and UI design skills, page 120
Frontend & Design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 5713 | 5713.Compiler Frontend Compiler frontend skill for lexing, parsing, and type checking. | mohitmishra786/ | 253 | — | ~2k | Automated safety check: Pass | MIT | 3 mo ago |
| 5714 | 5714.Openocd Jtag OpenOCD skill for embedded hardware debugging. An agent skill from mohitmishra786/low-level-dev-skills. | mohitmishra786/ | 253 | — | ~1.6k | Automated safety check: Pass | MIT | 3 mo ago |
| 5715 | 5715.05 Review Review a diff read-only on three axes, code, behavior versus the plan, and relevancy, into one verdict report. | ai-driven-dev/ | 513 | — | ~750 | Automated safety check: Pass | MIT | today |
| 5716 | Design cross-national survey experiments: power, equivalence, localization. | brycewang-stanford/ | 4.5k | — | ~4.6k | Automated safety check: Pass | Unknown | 4 days ago |
| 5717 | 5717.Awesome Design Md Curated collection of 54 DESIGN.md files extracted from real developer-focused websites (Vercel, Stripe, Linear, Notion, Figma, etc.). | infometa/ | 346 | — | ~2.4k | Automated safety check: Notes | No licence | yesterday |
| 5718 | 5718.Tdesign Miniprogram TDesign WeChat Mini Program UI component library by Tencent. | infometa/ | 346 | — | ~3.7k | Automated safety check: Notes | No licence | yesterday |
| 5719 | 5719.Typescript Idioms TypeScript strict typing: type narrowing, discriminated unions, Zod runtime validation, generic utility types, and Vitest testing. | irahardianto/ | 157 | — | ~6.1k | Automated safety check: Pass | MIT | 4 days ago |
| 5720 | Audit web interfaces against WCAG 2.1 AA/AAA standards, identify violations, and produce actionable remediation reports with code fixes. | seb1n/ | 206 | — | ~2.5k | Automated safety check: Pass | MIT | 2 mo ago |
| 5721 | 5721.Frontend Design Design and build production-ready frontend interfaces with design systems, responsive layouts, accessible components, and dark mode support. | seb1n/ | 206 | — | ~2.3k | Automated safety check: Pass | MIT | 2 mo ago |
| 5722 | 5722.Logo Design Design professional, scalable logos with complete brand identity deliverables including color palettes, typography, format variations, and usage guidelines. | seb1n/ | 206 | — | ~2.1k | Automated safety check: Pass | MIT | 2 mo ago |
| 5723 | 5723.User Flow Mapping Visualize and map user flows with Mermaid diagrams, decision points, error states, and conversion metrics to optimize user journeys. | seb1n/ | 206 | — | ~2.6k | Automated safety check: Pass | MIT | 2 mo ago |
| 5724 | 5724.Android Resources Organize Android strings, drawables, fonts, themes, localization, and concrete resource-backed Compose values such as MaterialTheme colors. | HoangNguyen0403/ | 571 | — | ~512 | Automated safety check: Pass | MIT | today |
| 5725 | 5725.Angular Architecture Standards for Angular project structure, feature modules, and lazy loading. | HoangNguyen0403/ | 571 | — | ~849 | Automated safety check: Pass | MIT | today |
| 5726 | 5726.Angular Performance Optimization techniques including OnPush, @defer, and Image Optimization. | HoangNguyen0403/ | 571 | — | ~595 | Automated safety check: Pass | MIT | today |
| 5727 | 5727.Common Accessibility Enforce WCAG 2.2 AA compliance with semantic HTML, ARIA roles, keyboard navigation, and color contrast standards for web UIs. | HoangNguyen0403/ | 571 | — | ~995 | Automated safety check: Pass | MIT | today |
| 5728 | 5728.Common Family UX Judge and shape UI/UX for products used by parents and young children - audience fit, accessibility, safety and trust, comfort, consistency, and human feel. | HoangNguyen0403/ | 571 | — | ~666 | Automated safety check: Pass | MIT | today |
| 5729 | 5729.Common UI Design Design distinctive, production-grade frontend UI with bold aesthetic choices. | HoangNguyen0403/ | 571 | — | ~849 | Automated safety check: Pass | MIT | today |
| 5730 | Standardizes visual audits, responsive design, and behavioral testing for web apps. | HoangNguyen0403/ | 571 | — | ~760 | Automated safety check: Pass | MIT | today |
| 5731 | Enforce Design Language System adherence in Flutter. An agent skill from HoangNguyen0403/agent-skills-standard. | HoangNguyen0403/ | 571 | — | ~598 | Automated safety check: Pass | MIT | today |
| 5732 | 5732.Nextjs Architecture Structure Next.js projects with Feature-Sliced Design layers, domain-grouped slices, and strict import hierarchy. | HoangNguyen0403/ | 571 | — | ~1k | Automated safety check: Pass | MIT | today |
| 5733 | 5733.Nextjs Optimization Optimize images, fonts, scripts, and metadata for Next.js performance and Core Web Vitals. | HoangNguyen0403/ | 571 | — | ~533 | Automated safety check: Pass | MIT | today |
| 5734 | Apply best practices for managing URL, server, and client state in Next.js applications. | HoangNguyen0403/ | 571 | — | ~603 | Automated safety check: Pass | MIT | today |
| 5735 | Cross-stack selector and test-id policy for web and mobile automation. | HoangNguyen0403/ | 571 | — | ~517 | Automated safety check: Pass | MIT | today |
| 5736 | 5736.React Hooks Write React hooks with clean effect boundaries and measured memoization. | HoangNguyen0403/ | 571 | — | ~634 | Automated safety check: Pass | MIT | today |
| 5737 | 5737.React Performance Optimize React rendering, bundle size, and data flow with profiler-led decisions. | HoangNguyen0403/ | 571 | — | ~577 | Automated safety check: Pass | MIT | today |
| 5738 | 5738.React Typescript Type React components and hooks with TypeScript patterns. An agent skill from HoangNguyen0403/agent-skills-standard. | HoangNguyen0403/ | 571 | — | ~528 | Automated safety check: Pass | MIT | today |
| 5739 | 5739.Frontend Engineering Build and maintain web frontends — component architecture, state management, API integration, responsive layout, client-side performance, and frontend testing patterns. | magnus919/ | 116 | — | ~1.5k | Automated safety check: Pass | MIT | yesterday |
| 5740 | 5740.Hugo Theme Build, customize, and debug advanced Hugo CMS themes — template architecture, asset pipeline (CSS/JS/image processing), shortcodes and render hooks, page bundles, cover images, Hugo Modules… | magnus919/ | 116 | — | ~1.7k | Automated safety check: Pass | MIT | yesterday |
| 5741 | 5741.React Operate React applications as a named tool: inspect and diagnose React/Vite projects, design component boundaries and state flow, implement accessible responsive UI, and verify behavior with the… | magnus919/ | 116 | — | ~1.4k | Automated safety check: Pass | MIT | yesterday |
| 5742 | 5742.Vite Operate Vite projects: inspect versions and configuration, run bounded development and production builds, diagnose dependency and asset failures, and configure environment-aware frontend delivery. | magnus919/ | 116 | — | ~1.5k | Automated safety check: Notes | MIT | yesterday |
| 5743 | 5743.No UI Flash A skill your agent uses when an SPA or SSR app flashes the wrong UI before client-side data resolves — an app-shell skeleton shown to visitors who get bounced to login, a results skeleton before "no… | vvedantb/ | 101 | 1 repo | ~1.9k | Automated safety check: Warn | MIT | today |
| 5744 | 5744.Aris Render HTML Render an ARIS Markdown / JSON artifact (IDEAREPORT, AUTOREVIEW, KILLARGUMENT, PAPERPLAN, research-wiki state, etc.) into a single-file HTML view designed for human reading. | Tai609/ | 100 | — | ~5.3k | Automated safety check: Notes | Unknown | 1 mo ago |
| 5745 | 5745.Claude Designer Use Claude Code directly from Astra's current task to design or implement UI/UX and frontend work, with Astra owning sequencing, review, and integration. | instructa/ | 139 | — | ~966 | Automated safety check: Pass | No licence | 11 days ago |
| 5746 | Find duplicate ownership, hidden second sources of truth, and contract drift in layered codebases. | instructa/ | 139 | — | ~1.3k | Automated safety check: Pass | No licence | 11 days ago |
| 5747 | Motion through Kowalski, Krehel and Jhey lenses. An agent skill from TheGoat395/Codex-Skills. | TheGoat395/ | 126 | — | ~1.6k | Automated safety check: Pass | MIT | 29 days ago |
| 5748 | Audit launch readiness; report ship/no-ship. An agent skill from TheGoat395/Codex-Skills. | TheGoat395/ | 126 | — | ~1.1k | Automated safety check: Pass | MIT | 29 days ago |
| 5749 | 5749.Logical Thinking Determine what premises and evidence warrant. An agent skill from TheGoat395/Codex-Skills. | TheGoat395/ | 126 | — | ~1.3k | Automated safety check: Pass | MIT | 29 days ago |
| 5750 | Integrate systems after frontend direction. An agent skill from TheGoat395/Codex-Skills. | TheGoat395/ | 126 | — | ~858 | Automated safety check: Pass | MIT | 29 days ago |
| 5751 | Diagnose measured runtime and Core Web Vitals. An agent skill from TheGoat395/Codex-Skills. | TheGoat395/ | 126 | — | ~441 | Automated safety check: Pass | MIT | 29 days ago |
| 5752 | Check premium specs before implementation. An agent skill from TheGoat395/Codex-Skills. | TheGoat395/ | 126 | — | ~556 | Automated safety check: Pass | MIT | 29 days ago |
| 5753 | Build component behavior and presentation. An agent skill from TheGoat395/Codex-Skills. | TheGoat395/ | 126 | — | ~401 | Automated safety check: Pass | MIT | 29 days ago |
| 5754 | Map semantic tokens into Tailwind utilities. An agent skill from TheGoat395/Codex-Skills. | TheGoat395/ | 126 | — | ~425 | Automated safety check: Pass | MIT | 29 days ago |
| 5755 | 5755.Visual Polish QA Refine rendered finish at accepted viewports. An agent skill from TheGoat395/Codex-Skills. | TheGoat395/ | 126 | — | ~628 | Automated safety check: Pass | MIT | 29 days ago |
| 5756 | Resolve shared design intent and guidance. An agent skill from TheGoat395/Codex-Skills. | TheGoat395/ | 126 | — | ~1.7k | Automated safety check: Pass | MIT | 29 days ago |
| 5757 | 5757.Frontend UI UX Designer-turned-developer who crafts stunning UI/UX even without design mockups. | ArabelaTso/ | 253 | — | ~809 | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 5758 | 5758.Frontend Design 引導 Claude 產出高品質的前端設計,避免 AI 生成的通用風格(AI slop)。包含字型、色彩、動態、背景的設計指引。 | zeuikli/ | 156 | — | ~342 | Automated safety check: Pass | No licence | 3 days ago |
| 5759 | 5759.Human Gate Designer Designs human-in-the-loop review points for DAG workflows. An agent skill from curiositech/some_claude_skills. | curiositech/ | 243 | — | ~1.5k | Automated safety check: Pass | MIT | 1 mo ago |
| 5760 | Validates that a DAG node's output matches its declared JSON schema before passing to downstream nodes. | curiositech/ | 243 | — | ~1.6k | Automated safety check: Pass | MIT | 1 mo ago |
Explore related skills
Topics in Frontend & Design
- Accessibility1,037
- Design systems831
- UI design478
- Landing pages458
- React components450
- Internationalization416
- Typography398
- Design tokens395
- Frontend development358
- CSS and styling349
- Theming and dark mode334
- Web performance312
- HTML artifacts276
- State management274
- Static sites and blogs270
- UX design267
- Responsive design258
- Web animation and motion189
- Forms and validation180
- Design to code104
- Icons and illustration64
Products these skills work with
Roles that use these skills
Other categories
- Development15,199
- Backend & APIs7,083
- Testing & QA5,062
- DevOps & Cloud5,955
- Databases2,353
- Data & Analytics3,632
- AI & LLM Engineering5,048
- Agent Workflows8,296
- Documents & Office4,290
- Writing & Content3,764
- Marketing & SEO3,901
- Sales & Support1,837
- Research & Science6,076
- Security3,087
- Productivity & Automation4,035
- Business, Finance & HR3,880
- Legal & Compliance1,634
- Education1,086
- Media & Creative4,311
- Mobile2,737
- Product & Project Management2,339
- Knowledge Management1,438
- Game Development1,678