Category
Best frontend and UI design skills, page 101
Frontend & Design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 4801 | Optimize Shopify theme performance for Core Web Vitals (LCP, CLS, INP). | jeremylongshore/ | 2.8k | — | ~1.4k | Automated safety check: Pass | MIT | yesterday |
| 4802 | Establish evidence-based WebContainer capacity budgets for boot concurrency, mounted files, dependency installs, processes, previews, memory symptoms, and browser support. | jeremylongshore/ | 2.8k | — | ~1.2k | Automated safety check: Pass | MIT | yesterday |
| 4803 | Choose and implement Vercel architecture blueprints for different scales and use cases. | jeremylongshore/ | 2.8k | — | ~2.1k | Automated safety check: Pass | MIT | yesterday |
| 4804 | Optimize Vercel deployment performance with caching, bundle optimization, and cold start reduction. | jeremylongshore/ | 2.8k | — | ~2.1k | Automated safety check: Pass | MIT | yesterday |
| 4805 | Apply the formal standard for React component engineering focusing on accessibility, composition, and styling. | IgorWarzocha/ | 122 | — | ~588 | Automated safety check: Pass | No licence | 8 mo ago |
| 4806 | 4806.Drug Retrosynthesis Predict synthetic accessibility and retrosynthetic pathways for novel molecules using the IBM RXN API. | learningmatter-mit/ | 176 | — | ~647 | Automated safety check: Pass | MIT | 4 days ago |
| 4807 | Construct and validate Wannier tight-binding models, inspect orbital localization and hopping amplitudes, and interpolate electronic bands from DFT or existing Wannier90 files. | learningmatter-mit/ | 176 | — | ~3.5k | Automated safety check: Pass | MIT | 4 days ago |
| 4808 | 4808.Brand Identity Defines and applies visual brand — logo usage, palette, typography, imagery direction, and the guidelines that keep expression consistent across product and marketing surfaces. | cbrock84/ | 2k | — | ~783 | Automated safety check: Pass | MIT | 24 days ago |
| 4809 | 4809.Design System Builds and maintains the design system a product is assembled from — tokens for color, type, spacing and elevation, component contracts, and the rules that keep them coherent as the product grows. | cbrock84/ | 2k | — | ~875 | Automated safety check: Pass | MIT | 24 days ago |
| 4810 | 4810.Interface Craft Raises the visual and interaction quality of an interface — layout, hierarchy, type, spacing, density, and the details that separate a considered product from a generic one. | cbrock84/ | 2k | — | ~1.1k | Automated safety check: Pass | MIT | 24 days ago |
| 4811 | Audits and rewrites landing pages, homepages, and sales pages to increase conversion — diagnosing why a page is not converting, rewriting headlines, hero copy and calls to action, and prioritizing… | cbrock84/ | 2k | — | ~1.1k | Automated safety check: Pass | MIT | 24 days ago |
| 4812 | 4812.UX Product Auditor Audits a website, app, onboarding flow, or design for usability, conversion, and product problems, tying every finding to a business outcome and a severity. | cbrock84/ | 2k | — | ~1.2k | Automated safety check: Pass | MIT | 24 days ago |
| 4813 | 4813.Design System 使用此技能生成或审计设计系统,检查视觉一致性,并审查涉及样式的PR。 | affaan-m/ | 276k | — | ~311 | Automated safety check: Pass | MIT | yesterday |
| 4814 | 4814.React Components Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation. | aiskillstore/ | 433 | 2 repos | ~698 | Automated safety check: Notes | No licence | yesterday |
| 4815 | 4815.Frontend Design Create distinctive, production-grade frontend interfaces with high design quality for new standalone web artifacts, pages, posters, dashboards, React components, HTML/CSS layouts, or clearly… | Citrus-bit/ | 120 | — | ~1.9k | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 4816 | 4816.Spectre UX Define user flows, screens, states, copy, and accessibility in ux.md. | joenandez/ | 164 | — | ~1.5k | Automated safety check: Pass | MIT | 9 days ago |
| 4817 | 4817.Grill The Task Grill a product task (GitHub issue) into implementable work. | blockscout/ | 307 | — | ~2.5k | Automated safety check: Pass | Unknown | 2 days ago |
| 4818 | 4818.Emil Design Eng Encode Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great. | EliasOulkadi/ | 114 | — | ~4.5k | Automated safety check: Pass | Apache-2.0 | 6 days ago |
| 4819 | 4819.Find Skills Search the agent skills ecosystem to discover and install skills that extend AI coding agent capabilities. | EliasOulkadi/ | 114 | — | ~2.6k | Automated safety check: Pass | MIT | 6 days ago |
| 4820 | 4820.Impeccable A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a… | EliasOulkadi/ | 114 | — | ~3.9k | Automated safety check: Pass | Apache-2.0 | 6 days ago |
| 4821 | 4821.Playwright Browser automation, web scraping, E2E testing, and visual regression with Playwright. | EliasOulkadi/ | 114 | — | ~3.6k | Automated safety check: Notes | MIT | 6 days ago |
| 4822 | 4822.Translate Craft Professional translation and localization for 8 languages (ES, JA, FR, DE, PT, ZH, KO, AR). | EliasOulkadi/ | 114 | — | ~2.4k | Automated safety check: Pass | MIT | 6 days ago |
| 4823 | 4823.Senior Frontend Frontend development for React, Next.js, TypeScript, and Tailwind CSS. | borghei/ | 891 | — | ~1.7k | Automated safety check: Pass | MIT | 4 days ago |
| 4824 | 4824.Testing UI testing mode, accessibility identifiers, and testing workflows. | ad-repo/ | 158 | — | ~5.3k | Automated safety check: Pass | Unknown | yesterday |
| 4825 | Use ALWAYS when running Sa11y accessibility Jest tests for an LWC — locally before pushing, producing the command(s), running one file vs a suite, selecting tests by naming convention, saving… | forcedotcom/ | 1.1k | — | ~1.5k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 4826 | 4826.Embeds Inline, popup, and floating-button embeds — snippet generation and theming. | BuilderIO/ | 7.1k | — | ~279 | Automated safety check: Pass | No licence | yesterday |
| 4827 | 4827.Create Custom Widget Build a Mendix pluggable widget from scratch with React and TypeScript and package it as an .mpk. | mendixlabs/ | 129 | — | ~3.3k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 4828 | 4828.Debug Microflows Drive the Mendix runtime's microflow and nanoflow debugger from the command line with mxcli debug — breakpoints by name, variable inspection, step and continue. | mendixlabs/ | 129 | — | ~1.9k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 4829 | This skill covers two related use cases: (1) Creating high-converting webinar registration and event landing pages, and (2) Repurposing webinar recordings into multiple content assets including blog… | manojbajaj95/ | 105 | — | ~3.5k | Automated safety check: Pass | MIT | 23 days ago |
| 4830 | 4830.Eval Evaluate code output on 4 axes (functionality/quality/originality/security) with scoring. | jh941213/ | 125 | — | ~481 | Automated safety check: Notes | No licence | 2 mo ago |
| 4831 | 4831.Frontend Big-tech style (Stripe, Vercel, Apple) UI development. An agent skill from jh941213/my-cc-harness. | jh941213/ | 125 | — | ~661 | Automated safety check: Notes | No licence | 2 mo ago |
| 4832 | 4832.Stitch Design Md Stitch 프로젝트를 분석하여 DESIGN.md 파일을 생성합니다 — 디자인 시스템을 시맨틱하고 자연스러운 언어로 문서화하여 일관된 UI 생성을 지원합니다. | jh941213/ | 125 | — | ~1.2k | Automated safety check: Pass | No licence | 2 mo ago |
| 4833 | 4833.Stitch Design Md Analyzes a Stitch project to generate a DESIGN.md file -- documents the design system in semantic, natural language to support consistent UI generation. | jh941213/ | 125 | — | ~1.6k | Automated safety check: Pass | No licence | 2 mo ago |
| 4834 | 모호한 UI 아이디어를 Stitch에 최적화된 상세 프롬프트로 변환합니다 — 구체성 향상, UI/UX 키워드 추가, 디자인 시스템 컨텍스트 주입. | jh941213/ | 125 | — | ~1.6k | Automated safety check: Pass | No licence | 2 mo ago |
| 4835 | Transforms vague UI ideas into detailed prompts optimized for Stitch -- enhances specificity, adds UI/UX keywords, injects design system context. | jh941213/ | 125 | — | ~1.3k | Automated safety check: Pass | No licence | 2 mo ago |
| 4836 | 4836.Stitch Loop Stitch를 사용하여 자율적으로 멀티 페이지 웹사이트를 생성하는 반복 빌드 루프 패턴 — 바통 시스템으로 지속적 웹사이트 개발. | jh941213/ | 125 | — | ~1.5k | Automated safety check: Notes | No licence | 2 mo ago |
| 4837 | 4837.Stitch Loop Iterative build loop pattern for autonomously generating multi-page websites using Stitch -- continuous website development via baton system. | jh941213/ | 125 | — | ~1.1k | Automated safety check: Notes | No licence | 2 mo ago |
| 4838 | 4838.Stitch React Stitch 스크린을 React 컴포넌트 시스템으로 변환합니다 — 디자인 토큰 추출, 컴포넌트 분해, TypeScript 타입 생성, 자동 검증 포함. | jh941213/ | 125 | — | ~2.4k | Automated safety check: Notes | No licence | 2 mo ago |
| 4839 | 4839.Stitch React Converts Stitch screens into a React component system -- includes design token extraction, component decomposition, TypeScript type generation, and automated verification. | jh941213/ | 125 | — | ~992 | Automated safety check: Notes | No licence | 2 mo ago |
| 4840 | Author HAX page content using the right web components and conventions. | haxtheweb/ | 130 | — | ~1.5k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 4841 | Finds common violations of the Android accessibility API in the Clank App Java code and attempts to address them (e.g. | nwjs/ | 160 | — | ~1.1k | Automated safety check: Pass | BSD-3-Clause | yesterday |
| 4842 | Collect bounded runtime and debugger evidence for a 1C project through EDT-MCP, including launch, breakpoints, variables, event log, and cleanup. | DitriXNew/ | 296 | — | ~967 | Automated safety check: Pass | AGPL-3.0 | 4 days ago |
| 4843 | 4843.Johnny Suede Design Suede AI full-stack surface builder that runs design, copy, and visual QA as one pass: landing pages, brand surfaces, product UI, dashboards, campaigns, launch pages, and reference-to-target… | JasonColapietro/ | 127 | — | ~11k | Automated safety check: Pass | MIT | yesterday |
| 4844 | 4844.Suede Ads Suede-owned paid-acquisition operating system for channel choice, campaign structure, audiences, bidding, budget pacing, negative keywords, retargeting, and kill-or-scale decisions. | JasonColapietro/ | 127 | — | ~6.1k | Automated safety check: Pass | MIT | yesterday |
| 4845 | 4845.Suede Design Suede AI design skill for making an interface feel intentional instead of templated: design tokens, color strategy, OKLCH ramps, type scale, fluid type, visual hierarchy, dark mode, spacing… | JasonColapietro/ | 127 | — | ~5.4k | Automated safety check: Pass | MIT | yesterday |
| 4846 | 4846.Create Website Guided journey from a blank page to a live, high-converting website, built message-first, then design, then conversion. | wondelai/ | 2.4k | — | ~5.7k | Automated safety check: Pass | MIT | 1 mo ago |
| 4847 | Mobile accessibility development expertise covering iOS VoiceOver and Android TalkBack integration, accessibility APIs for SwiftUI and Jetpack Compose, touch target sizing, gesture alternatives… | FerroxLabs/ | 608 | — | ~3.6k | Automated safety check: Pass | Apache-2.0 | 5 days ago |
| 4848 | 4848.Design Audit Premium UI/UX design audit and refinement skill. An agent skill from bencium/bencium-marketplace. | bencium/ | 446 | — | ~1.5k | Automated safety check: Pass | MIT | 7 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