Category
Best frontend and UI design skills, page 109
Frontend & Design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 5185 | 5185.Sonarjs Use SonarJS-derived rules in .NET repositories that ship JavaScript or TypeScript frontends and need deeper bug-risk, code-smell, or cognitive-complexity checks than a minimal ESLint baseline. | managedcode/ | 486 | — | ~1.6k | Automated safety check: Pass | MIT | yesterday |
| 5186 | 5186.Webhint Use webhint in .NET repositories that ship browser-facing frontends. | managedcode/ | 486 | — | ~1.3k | Automated safety check: Pass | MIT | yesterday |
| 5187 | 5187.Ultimate UI A skill your agent uses when building user interfaces that need to look polished, modern, and intentional - not like AI-generated slop. | NeverSight/ | 217 | 1 repo | ~4k | Automated safety check: Pass | MIT | yesterday |
| 5188 | 5188.Vibe Sunsang Growth Growth report generator — analyzes converted Codex conversations and produces a progression report using the v2 level system (6 axes × 7 levels, 0.5 increments), leading with one level headline and… | fivetaku/ | 128 | — | ~2k | Automated safety check: Pass | MIT | 1 mo ago |
| 5189 | 5189.Build Vehicle How to BUILD A VEHICLE (rover, hauler, wheeled anything) for LunCoSim out of the mobility component library — assembly root, wheels, tires, suspensions, chassis, lights, variant axes, drive laws… | LunCoSim/ | 107 | — | ~6.7k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 5190 | 5190.Lunco UI LunCoSim UI architecture and panel implementation patterns. An agent skill from LunCoSim/lunco-sim. | LunCoSim/ | 107 | — | ~10k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 5191 | 5191.Ab Test Architect Plan, prioritize, and design rigorous A/B tests using the Test Velocity Method. | LeoYeAI/ | 2.2k | — | ~5k | Automated safety check: Pass | MIT | 2 mo ago |
| 5192 | 5192.Accessibility Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. | LeoYeAI/ | 2.2k | — | ~6.1k | Automated safety check: Pass | MIT | 2 mo ago |
| 5193 | 5193.Anima Turns ideas into live, full-stack web applications with editable code, built-in database, user authentication, and hosting. | LeoYeAI/ | 2.2k | — | ~4.3k | Automated safety check: Pass | MIT | 2 mo ago |
| 5194 | 5194.Browse Fast headless browser for QA testing and site dogfooding. An agent skill from LeoYeAI/openclaw-master-skills. | LeoYeAI/ | 2.2k | — | ~3.2k | Automated safety check: Notes | MIT | 2 mo ago |
| 5195 | 5195.Miaoda App Builder Create, modify, generate, and deploy websites, web apps, dashboards, SaaS products, internal tools, interactive web pages, Weixin mini program , games on the Baidu Miaoda (秒哒) platform using… | LeoYeAI/ | 2.2k | — | ~4.6k | Automated safety check: Notes | MIT | 2 mo ago |
| 5196 | JavaScript bundle size auditor and budget enforcer. An agent skill from LeoYeAI/openclaw-master-skills. | LeoYeAI/ | 2.2k | — | ~4.9k | Automated safety check: Pass | Apache-2.0 | 2 mo ago |
| 5197 | 5197.Phy CSS Dead Code Unused CSS detector and dead selector auditor. An agent skill from LeoYeAI/openclaw-master-skills. | LeoYeAI/ | 2.2k | — | ~4.6k | Automated safety check: Pass | Apache-2.0 | 2 mo ago |
| 5198 | 5198.Research Planner Designs market and user research plans focused on methodology selection and research material authoring (screeners, surveys, interview guides, usability task scripts, etc.). | LeoYeAI/ | 2.2k | — | ~4.2k | Automated safety check: Pass | MIT | 2 mo ago |
| 5199 | 5199.Run402 Provision Postgres databases, deploy static sites, generate images, and build full-stack webapps on Run402 using x402 micropayments. | LeoYeAI/ | 2.2k | — | ~4.8k | Automated safety check: Pass | MIT | 2 mo ago |
| 5200 | 5200.UI UX Design Pro Senior-level UI/UX design expert for building data-driven, premium production interfaces. | LeoYeAI/ | 2.2k | — | ~5.3k | Automated safety check: Pass | MIT | 2 mo ago |
| 5201 | 5201.Frontend Expert Frontend architect perspective for the weekly review. An agent skill from mizchi/skills. | mizchi/ | 360 | — | ~977 | Automated safety check: Pass | No licence | 9 days ago |
| 5202 | 5202.Frontend Ops Expert Frontend Ops specialist perspective for the weekly review. An agent skill from mizchi/skills. | mizchi/ | 360 | — | ~446 | Automated safety check: Pass | No licence | 9 days ago |
| 5203 | 5203.Performance Expert Performance specialist perspective for the weekly review. An agent skill from mizchi/skills. | mizchi/ | 360 | — | ~895 | Automated safety check: Pass | No licence | 9 days ago |
| 5204 | Query Radix DLT blockchain data including wallet balances and performance, token prices and market movers, validator staking info, transaction history, network statistics, ecosystem news, DeFi yield… | LeoYeAI/ | 2.2k | — | ~4.4k | Automated safety check: Pass | MIT | 2 mo ago |
| 5205 | 5205.Color Harmony Engine A color harmony engine for designing interior color palettes. | revfactory/ | 1.3k | — | ~1.2k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5206 | 5206.Component Patterns React/Next.js component design pattern library. An agent skill from revfactory/harness-100. | revfactory/ | 1.3k | — | ~1.5k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5207 | A specialized skill for the cover-designer agent covering cover design psychology. | revfactory/ | 1.3k | — | ~1.3k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5208 | 5208.Token Generator Methodology and tools for systematically generating design tokens. | revfactory/ | 1.3k | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5209 | 5209.UX Linter Checklist and best practices for validating CLI tool user experience. | revfactory/ | 1.3k | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5210 | 5210.Wcag Checker WCAG 2.1/2.2 accessibility verification checklist and automated audit methodology skill. | revfactory/ | 1.3k | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 5211 | 5211.Base UI Build accessible, composable UI with @base-ui/react primitives and project styling tokens. | Asymmetric-al/ | 381 | — | ~1.2k | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 5212 | 5212.Motion Implement smooth, accessible animations with motion/react (Framer Motion) in React. | Asymmetric-al/ | 381 | — | ~836 | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 5213 | 5213.React Component Dev Build reusable, accessible React components with predictable APIs and ref forwarding. | Asymmetric-al/ | 381 | — | ~758 | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 5214 | 5214.Control UI Drive and inspect a local web, IDE, or Electron UI with browser or CDP automation and evidence. | AnastasiyaW/ | 154 | — | ~757 | Automated safety check: Pass | MIT | yesterday |
| 5215 | 5215.App Builder Build and edit small, personal visual tools and artifacts — dashboards, trackers, calculators, data visualizations, charts, simple landing pages, and slide decks the user wants for THEMSELVES. | vellum-ai/ | 1.4k | — | ~7.1k | Automated safety check: Warn | MIT | 2 days ago |
| 5216 | 5216.Asw UI UX Product-aware frontend and README presentation guidance for Antigravity Swarm work. | wjgoarxiv/ | 166 | — | ~1.1k | Automated safety check: Pass | MIT | 3 mo ago |
| 5217 | 5217.Design Review Structured UI design review — existing code (React/JSX, CSS, Tailwind) and, when behaviour matters, the running app in a real browser — reported as a prioritised Before / After / Why table. | pproenca/ | 215 | — | ~3.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 5218 | 5218.Create Component Creates complete AEM components with dialog, HTL template, Sling Model, unit tests, and clientlibs. | adobe/ | 197 | — | ~4.3k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 5219 | 5219.QA Read-only automated QA sweep of a deployed stardust site on AEM Edge Delivery Services — validates routing, content fidelity vs the source capture, template conformance, rendered integrity… | adobe/ | 197 | — | ~2k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 5220 | 5220.Workfront Actions A skill your agent uses when writing or fixing the server-side code of a Workfront App Builder extension — the Adobe I/O Runtime action the React SPA calls to do work the browser can't. | adobe/ | 197 | — | ~1.8k | Automated safety check: Notes | Apache-2.0 | yesterday |
| 5221 | 5221.Launch Landing Page Design and build launch landing pages that convert visitors into users. | amplitude/ | 159 | — | ~3k | Automated safety check: Pass | No licence | 2 mo ago |
| 5222 | 5222.Corgispec QA UI UI walkthrough — real user path verification with screenshots, component state checks, keyboard navigation, and cross-browser testing | ricoyudog/ | 104 | — | ~1.5k | Automated safety check: Pass | MIT | 1 mo ago |
| 5223 | 5223.Figma Preflight Mandatory read-only gate that runs before any write to a Figma file, through figmaexecute (figma-console MCP) or usefigma (official Figma MCP). | hashgraph-online/ | 1.3k | — | ~5.4k | Automated safety check: Pass | MIT | yesterday |
| 5224 | 5224.Image To SVG Convert raster images (photos, paintings, illustrations, line art) into SVG vector reproductions. | oaustegard/ | 150 | — | ~5k | Automated safety check: Pass | MIT | yesterday |
| 5225 | 5225.Searching Codebases Binding-resolved Python symbol queries via pyright — every true caller (--refs), the real definition (--def), or an inferred signature (--hover) of a .py symbol, excluding the same-named false… | oaustegard/ | 150 | — | ~2.1k | Automated safety check: Pass | MIT | yesterday |
| 5226 | 5226.Uploading Files File-upload bridge for Claude Code on the Web. An agent skill from oaustegard/claude-skills. | oaustegard/ | 150 | — | ~1.2k | Automated safety check: Pass | MIT | yesterday |
| 5227 | Writes conversion-focused landing page copy - headlines, subheads, value propositions, feature and benefit blocks, social proof, FAQs, and CTA button text - using PAS, AIDA, or StoryBrand. | OneWave-AI/ | 336 | — | ~1.4k | Automated safety check: Pass | MIT | 9 days ago |
| 5228 | Form architecture, schema-based validation, field composition, error handling, multi-step form flows, and accessible form patterns. | TheSoftwareHouse/ | 284 | — | ~2.6k | Automated safety check: Pass | MIT | 6 days ago |
| 5229 | 5229.Rayden Use Rayden UI Design Skill workflow skill. An agent skill from diegosouzapw/awesome-omni-skills. | diegosouzapw/ | 159 | — | ~3.3k | Automated safety check: Pass | MIT | 3 mo ago |
| 5230 | Vercel React Best Practices workflow skill. An agent skill from diegosouzapw/awesome-omni-skills. | diegosouzapw/ | 159 | — | ~3.5k | Automated safety check: Pass | MIT | 3 mo ago |
| 5231 | React Component Performance workflow skill. An agent skill from diegosouzapw/awesome-omni-skills. | diegosouzapw/ | 159 | — | ~3.3k | Automated safety check: Pass | MIT | 3 mo ago |
| 5232 | 5232.A11y Pass Catch the accessibility failures that ship in almost every AI-built UI. | Archive228/ | 755 | — | ~216 | Automated safety check: Pass | MIT | 2 mo 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