Category
Best frontend and UI design skills, page 121
Frontend & Design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 5761 | 5761.Reactflow Expert Builds DAG visualizations using ReactFlow v12 with custom nodes, ELKjs auto-layout, Zustand state management, and live state updates via WebSocket. | curiositech/ | 243 | — | ~2.1k | Automated safety check: Notes | MIT | 1 mo ago |
| 5762 | 5762.Skill Grader Evaluates Claude Agent Skills on 10 quality axes with letter grades (A+ through F) and specific improvement recommendations. | curiositech/ | 243 | — | ~2.8k | Automated safety check: Pass | MIT | 1 mo ago |
| 5763 | WordPress accessibility review for Codex. An agent skill from jorgerosal/wordpress-skills. | jorgerosal/ | 102 | — | ~297 | Automated safety check: Pass | MIT | 4 mo ago |
| 5764 | Headless WordPress and WPGraphQL review for Codex. An agent skill from jorgerosal/wordpress-skills. | jorgerosal/ | 102 | — | ~356 | Automated safety check: Pass | MIT | 4 mo ago |
| 5765 | WordPress plugin architecture review for Codex. An agent skill from jorgerosal/wordpress-skills. | jorgerosal/ | 102 | — | ~438 | Automated safety check: Pass | MIT | 4 mo ago |
| 5766 | 5766.HTML Email Send-ready single-file email | asgeirtj/ | 69k | — | ~659 | Automated safety check: Pass | CC0-1.0 | yesterday |
| 5767 | 生成符合项目规范的 React 组件。当用户要求创建组件、新建 React 组件或生成组件文件时使用. An agent skill from einverne/dotfiles. | einverne/ | 121 | — | ~334 | Automated safety check: Pass | GPL-3.0 | 1 mo ago |
| 5768 | 5768.Headlines Write headlines for ads — static, video text overlays, paid social, landing page hero. | real-simple-labs/ | 100 | — | ~4k | Automated safety check: Pass | Unknown | today |
| 5769 | omicsViewer visualizes ExpressionSet (or SummarizedExperiment) in an interactive way. | bioMate-AI/ | 804 | — | ~1.3k | Automated safety check: Pass | Unknown | 3 mo ago |
| 5770 | 5770.Bioconductor Statial Statial is a suite of functions for identifying changes in cell state. | bioMate-AI/ | 804 | — | ~1.5k | Automated safety check: Pass | Unknown | 3 mo ago |
| 5771 | 5771.Frontend Design Design thinking and decision-making for web UI. An agent skill from Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI. | Dokhacgiakhoa/ | 508 | — | ~875 | Automated safety check: Pass | Unknown | 4 mo ago |
| 5772 | 5772.UI UX Pro Max Skill Premium design and micro-interactions toolkit. An agent skill from Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI. | Dokhacgiakhoa/ | 508 | — | ~567 | Automated safety check: Pass | Unknown | 4 mo ago |
| 5773 | 5773.Art Style Creator Create and define visual art styles for projects. An agent skill from aiskillstore/marketplace. | aiskillstore/ | 430 | — | ~2.3k | Automated safety check: Pass | No licence | today |
| 5774 | 5774.Browser Audit Run a pre-deploy browser audit of a live, preview, or local web page for accessibility, SEO, Lighthouse quality, and critical UX issues. | aiskillstore/ | 430 | — | ~1.5k | Automated safety check: Pass | No licence | today |
| 5775 | Create and modify combat system components for SHINOBI WAY game following the dual-system architecture (CombatCalculationSystem + CombatWorkflowSystem). | aiskillstore/ | 430 | — | ~1.9k | Automated safety check: Pass | No licence | today |
| 5776 | 5776.Combat UI Pattern A Implement Split-Panel Combat UI (Pattern A) for SHINOBI WAY game. | aiskillstore/ | 430 | — | ~1.9k | Automated safety check: Pass | No licence | today |
| 5777 | 5777.Design Lint 결정론적(no-LLM) 디자인 안티패턴 린터. An agent skill from aiskillstore/marketplace. | aiskillstore/ | 430 | — | ~1.4k | Automated safety check: Notes | No licence | today |
| 5778 | A skill your agent uses when creating or evolving design systems for applications. | aiskillstore/ | 430 | — | ~3.8k | Automated safety check: Pass | No licence | today |
| 5779 | 5779.Exploration Creator Create exploration content for SHINOBI WAY game with node-based path navigation. | aiskillstore/ | 430 | — | ~1.6k | Automated safety check: Pass | No licence | today |
| 5780 | 5780.Frontend Code Review Review Dify frontend code for correctness, accessibility, component design, dify-ui usage, data/query boundaries, performance, and tests. | aiskillstore/ | 430 | — | ~1.4k | Automated safety check: Pass | No licence | today |
| 5781 | A skill your agent uses when working with Next.js App Router tasks - creating pages in /app/, setting up dynamic routes ([id]/page.tsx), implementing nested layouts/templates (layout.tsx)… | aiskillstore/ | 430 | — | ~2.5k | Automated safety check: Pass | No licence | today |
| 5782 | 5782.Landing Optimizer A skill your agent uses when the user asks to "optimize our landing page for influencer traffic", "fix our promo-code landing page", or "improve conversion from a creator campaign"; produces a… | aiskillstore/ | 430 | — | ~2.3k | Automated safety check: Pass | Apache-2.0 | today |
| 5783 | 5783.React 19 Guide for React 19 development with Actions, Server Components, and new hooks. | aiskillstore/ | 430 | — | ~1.4k | Automated safety check: Pass | No licence | today |
| 5784 | | Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI development. | secondsky/ | 227 | — | ~792 | Automated safety check: Pass | MIT | 11 days ago |
| 5785 | 5785.Image Optimization Optimizes images for web performance using modern formats, responsive techniques, and lazy loading strategies. | secondsky/ | 227 | — | ~487 | Automated safety check: Pass | MIT | 11 days ago |
| 5786 | 5786.Interaction Design Creates intuitive user experiences through feedback patterns, microinteractions, and accessible interaction design. | secondsky/ | 227 | — | ~634 | Automated safety check: Pass | MIT | 11 days ago |
| 5787 | 5787.Mobile First Design Designs responsive interfaces starting from mobile screens with progressive enhancement for larger devices. | secondsky/ | 227 | — | ~494 | Automated safety check: Pass | MIT | 11 days ago |
| 5788 | Builds adaptive web interfaces using Flexbox, CSS Grid, and media queries with a mobile-first approach. | secondsky/ | 227 | — | ~515 | Automated safety check: Pass | MIT | 11 days ago |
| 5789 | 5789.Tanstack Table TanStack Table v8 headless data tables with server-side features for Cloudflare Workers + D1. | secondsky/ | 227 | — | ~5.6k | Automated safety check: Notes | MIT | 11 days ago |
| 5790 | Web performance audits with Core Web Vitals, bottleneck identification, optimization recommendations. | secondsky/ | 227 | — | ~642 | Automated safety check: Pass | MIT | 11 days ago |
| 5791 | 5791.Zod TypeScript-first schema validation and type inference. An agent skill from secondsky/claude-skills. | secondsky/ | 227 | — | ~7k | Automated safety check: Pass | MIT | 11 days ago |
| 5792 | Review chart choice, labeling, accessibility, and storytelling quality for existing visualizations. | foryourhealth111-pixel/ | 3.6k | — | ~344 | Automated safety check: Notes | MIT | 1 mo ago |
| 5793 | 5793.Harmony Arkts Best practices for HarmonyOS application development with ArkTS and ArkUI, covering components, state management, resources, layout, lifecycle, and accessibility. | Mindrally/ | 269 | — | ~2k | Automated safety check: Pass | Apache-2.0 | today |
| 5794 | Right-to-left (RTL) layout and bidirectional text support for Hebrew, Arabic, Persian, and Urdu interfaces. | Mindrally/ | 269 | — | ~2.2k | Automated safety check: Pass | Apache-2.0 | today |
| 5795 | 5795.Svelte Modern Svelte 5 and SvelteKit development covering runes-based reactivity, snippets, SSR/SSG, and state management, including migration notes from legacy Svelte 4 syntax. | Mindrally/ | 269 | — | ~1.2k | Automated safety check: Pass | Apache-2.0 | today |
| 5796 | 5796.Tanstack Query Best practices for TanStack Query v5 (React Query) server state management, including query key factories, the queryOptions helper, mutations, optimistic updates, infinite queries, and Suspense mode. | Mindrally/ | 269 | — | ~3.6k | Automated safety check: Pass | Apache-2.0 | today |
| 5797 | 5797.Tanstack Router Type-safe, file-based routing for React with TanStack Router. | Mindrally/ | 269 | — | ~1.9k | Automated safety check: Pass | Apache-2.0 | today |
| 5798 | 5798.Vue Pinia Vue 3 state management with Pinia using the Composition API, covering setup stores, SSR/Nuxt integration, persistence, and testing. | Mindrally/ | 269 | — | ~2.4k | Automated safety check: Pass | Apache-2.0 | today |
| 5799 | Best practices for Zustand state management in React and TypeScript applications, covering store design, selectors, middleware, SSR, and testing. | Mindrally/ | 269 | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | today |
| 5800 | Draft believable copy for a credential-harvest landing page. | SpecterOps/ | 704 | — | ~368 | Automated safety check: Pass | Apache-2.0 | 16 days ago |
| 5801 | Expert knowledge for Azure Lighthouse development including decision making, security, configuration, integrations & coding patterns, and deployment. | MicrosoftDocs/ | 777 | — | ~1.6k | Automated safety check: Pass | CC-BY-4.0 | 3 days ago |
| 5802 | 5802.Pinak Frontend Guru Expert UI/UX and React performance auditor (PinakBot persona). | sundial-org/ | 663 | — | ~651 | Automated safety check: Pass | No licence | 7 mo ago |
| 5803 | 5803.React Expert A skill your agent uses when building React 18+ applications requiring component architecture, hooks patterns, or state management. | sundial-org/ | 663 | — | ~899 | Automated safety check: Pass | No licence | 7 mo ago |
| 5804 | 5804.UI Audit AI skill for automated UI audits. An agent skill from sundial-org/awesome-openclaw-skills. | sundial-org/ | 663 | — | ~2k | Automated safety check: Pass | No licence | 7 mo ago |
| 5805 | 5805.UI Skills Opinionated constraints for building better interfaces with agents. | NeverSight/ | 216 | 1 repo | ~845 | Automated safety check: Notes | No licence | today |
| 5806 | Summarise what Accessible Travel Planner does in one line. An agent skill from mohitagw15856/pm-claude-skills. | mohitagw15856/ | 1.4k | — | ~257 | Automated safety check: Pass | MIT | yesterday |
| 5807 | 5807.Add Analytics Add Google Analytics 4 tracking to any project. An agent skill from LeoYeAI/openclaw-master-skills. | LeoYeAI/ | 2.2k | — | ~4.6k | Automated safety check: Notes | MIT | 2 mo ago |
| 5808 | 5808.Designers Eye Get honest design feedback. An agent skill from LeoYeAI/openclaw-master-skills. | LeoYeAI/ | 2.2k | — | ~5.6k | Automated safety check: Pass | MIT | 2 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