Search
Frontend & Design · For designers
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 2305 | Create a recurring daily UI inspiration capture. An agent skill from nirholas/three.ws. | nirholas/ | 229 | 1 repo | ~2k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 2306 | A skill your agent uses when you need design-first, spec-driven, skimmable prompts for UI generation. | nirholas/ | 229 | 1 repo | ~764 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 2307 | 2307.Gsap A skill your agent uses when you need to add or debug professional web animations with GSAP (timelines, ScrollTrigger, stagger, transforms) in HTML/CSS/JS/React. | nirholas/ | 229 | 1 repo | ~769 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 2308 | 2308.Masked Reveal Create masked staggered word reveals on scroll with GSAP ScrollTrigger. | nirholas/ | 229 | 1 repo | ~990 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 2309 | Build reversible scroll-controlled visual transformations with a pinned or sticky stage, normalized progress, and video, image-sequence, canvas, SVG, or DOM renderers. | nirholas/ | 229 | 1 repo | ~1.2k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 2310 | Turn an article, case study, brand narrative, product journey, or long-form story into a cinematic scroll-driven landing page using one of three renderers: scrubbed video, a real-time Three.js… | nirholas/ | 229 | 1 repo | ~3k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 2311 | 2311.Tailwindcss A skill your agent uses when designing/implementing UI with Tailwind CSS (layout, typography, responsive, theming, component patterns). | nirholas/ | 229 | 1 repo | ~702 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 2312 | 2312.Tailwind CSS Tailwind CSS patterns for modern UI. An agent skill from cohen-liel/hivemind. | cohen-liel/ | 110 | — | ~1.2k | Automated safety check: Pass | Apache-2.0 | 5 mo ago |
| 2313 | 2313.HTML Design Examples Reference gallery of polished single-file HTML artifacts demonstrating effective ways to communicate ideas through HTML. | sammcj/ | 162 | — | ~1.5k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 2314 | Cross-browser, cross-platform, and cross-device compatibility testing ensuring consistent experience across environments. | proffesor-for-testing/ | 495 | — | ~1.3k | Automated safety check: Pass | MIT | 2 days ago |
| 2315 | Captures and compares screenshots across viewports, runs axe-core accessibility scans, and detects visual regressions with pixel-diff analysis. | proffesor-for-testing/ | 495 | — | ~1.7k | Automated safety check: Pass | MIT | 2 days ago |
| 2316 | 2316.UI Engineering A skill your agent uses when constructing frontend components, selecting layout strategies, orchestrating state, or assembling interactive UI - spans component architecture, responsive adaptation… | NoobyGains/ | 109 | — | ~3.1k | Automated safety check: Pass | MIT | 7 mo ago |
| 2317 | 2317.Frontend Mockup Loop Plan, build, and iterate UX-friendly frontend mockups via a ground→contract→mockup→test→fix→learn loop, acting as an expert UX designer who grounds every decision in externally documented public… | BlackBeltTechnology/ | 315 | — | ~2.9k | Automated safety check: Pass | MIT | yesterday |
| 2318 | 2318.Premium UI Revamp Audit and revamp existing web interfaces into polished, professional, product-specific experiences while preserving behavior and working within the current frontend stack. | buildfastwithai/ | 785 | — | ~2k | Automated safety check: Pass | MIT | 19 days ago |
| 2319 | 2319.Accessibility Implement and review accessible user interfaces with semantic controls, keyboard and focus behavior, readable content and assistive-technology checks. | WrongStack/ | 371 | — | ~859 | Automated safety check: Pass | MIT | yesterday |
| 2320 | 2320.Design To Code Implement supplied Figma designs, screenshots or design specifications as working interfaces. | WrongStack/ | 371 | — | ~800 | Automated safety check: Pass | MIT | yesterday |
| 2321 | 2321.Interaction Design Design and implement task-oriented interaction flows, forms, navigation and recovery states. | WrongStack/ | 371 | — | ~782 | Automated safety check: Pass | MIT | yesterday |
| 2322 | 2322.Motion Design Implement web and React animation, gesture feedback, layout transitions and scroll sequences. | WrongStack/ | 371 | — | ~852 | Automated safety check: Pass | MIT | yesterday |
| 2323 | 2323.Tailwind 4 Tailwind CSS 4 patterns and best practices. An agent skill from Gentleman-Programming/Gentleman-Skills. | Gentleman-Programming/ | 658 | — | ~1.2k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 2324 | 2324.Web Animation Perf Prevent layout/transition/reflow thrash in JS-driven CSS animations. | swyxio/ | 176 | — | ~2.3k | Automated safety check: Pass | MIT | 6 days ago |
| 2325 | 2325.List Styling Apply a visual style theme to any SharePoint list or document library using column formatting, view formatting, row templates, and tile layouts. | pnp/ | 133 | — | ~3.6k | Automated safety check: Pass | MIT | yesterday |
| 2326 | 2326.Sharepoint Safe HTML Creates accessible, single-file HTML artifacts that render reliably in SharePoint, OneDrive, Teams, File Viewer, and embedded iframe preview surfaces. | pnp/ | 133 | — | ~6.4k | Automated safety check: Pass | MIT | yesterday |
| 2327 | 2327.Style Bento Bento style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~2.8k | Automated safety check: Pass | MIT | yesterday |
| 2328 | 2328.Style Blueprint Blueprint engineering-drawing style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~3.3k | Automated safety check: Pass | MIT | yesterday |
| 2329 | 2329.Style Figma Clean Figma Clean style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~2.3k | Automated safety check: Pass | MIT | yesterday |
| 2330 | 2330.Style Glassmorphism Glassmorphism (Frosted Glass) style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~2.4k | Automated safety check: Pass | MIT | yesterday |
| 2331 | 2331.Style High Contrast High Contrast accessibility style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~2.4k | Automated safety check: Pass | MIT | yesterday |
| 2332 | 2332.Style Monochrome Monochrome style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~2.4k | Automated safety check: Pass | MIT | yesterday |
| 2333 | 2333.Style Neobrutalism Neobrutalism style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~3.9k | Automated safety check: Pass | MIT | yesterday |
| 2334 | 2334.Style Pastel Pastel style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~2.6k | Automated safety check: Pass | MIT | yesterday |
| 2335 | 2335.Style Retro Retro Memphis style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~3.5k | Automated safety check: Pass | MIT | yesterday |
| 2336 | 2336.Style Terminal Terminal / Hacker style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~2.3k | Automated safety check: Pass | MIT | yesterday |
| 2337 | 2337.SVG Animations Create beautiful, performant SVG animations and illustrations. | vvedantb/ | 101 | — | ~3.6k | Automated safety check: Pass | MIT | yesterday |
| 2338 | 2338.UI Design System A skill your agent uses when creating or maintaining UI design systems, design tokens, component documentation, responsive calculations, quality checks, or design-dev handoff materials. | majiayu000/ | 287 | — | ~328 | Automated safety check: Pass | MIT | 3 days ago |
| 2339 | 2339.Frame Data Chart Nyt NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band). | nexu-io/ | 100k | — | ~734 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 2340 | Monitor competitor pricing pages and send alerts when prices change. | OneWave-AI/ | 336 | 2 repos | ~372 | Automated safety check: Pass | MIT | 9 days ago |
| 2341 | 2341.Color Themes Color theme palettes for UI/UX design and personal configurations (i3wm, dunst, etc.). | archibate/ | 108 | — | ~456 | Automated safety check: Pass | No licence | 5 mo ago |
| 2342 | Transformar um MIRA Slide Score e uma Encenação em uma partitura de movimento pronta para o /mira- animator implementar, especificando temperamento, estado inicial, beats, câmera, easing… | sandeco/ | 218 | — | ~7.1k | Automated safety check: Pass | Unknown | 26 days ago |
| 2343 | WCAG 2.1 AA compliance, semantic HTML, ARIA patterns, keyboard navigation, focus management, screen reader support, and color contrast requirements. | TheSoftwareHouse/ | 284 | — | ~3.3k | Automated safety check: Pass | MIT | 6 days ago |
| 2344 | 2344.Codebase Lenses Split any request into seven concern lenses (Structure, Execution, Data & State, UI/UX, Platform, Performance, Correctness) to see which skills a change needs; Change mode and Deep-dive mode. | n1m21n/ | 271 | — | ~3.1k | Automated safety check: Pass | Unknown | yesterday |
| 2345 | 2345.Node UI Sweep Node UI/UX regression sweep: pins, cable drag/draw, node drag vs pan, collapse, sizing, node viewports, in-node editors, groups, undo, copy/paste, browser drops, modulation reach. | n1m21n/ | 271 | — | ~1.7k | Automated safety check: Pass | Unknown | yesterday |
| 2346 | 2346.Process Builder Scaffold new babysitter process definitions following SDK patterns, proper structure, and best practices. | a5c-ai/ | 1.8k | 1 repo | ~4.5k | Automated safety check: Pass | MIT | 24 days ago |
| 2347 | 2347.Writing 文案撰寫全套工作流：分析受眾語調、套用說服公式（AIDA/PAS/FAB）、產出部落格/Email/Landing Page/社群文案，並提供 SEO 優化建議。適合在撰寫行銷文案、內容行銷、或需要匹配特定品牌語調時使用。 | zeuikli/ | 156 | — | ~438 | Automated safety check: Pass | No licence | 5 days ago |
| 2348 | 2348.Stepinfo 3D A skill your agent uses when computing 3D step-response performance metrics for point-to-point drone flight — rise time, settling time, percent overshoot, and steady-state error based on Euclidean… | benchflow-ai/ | 1.8k | — | ~757 | Automated safety check: Pass | Apache-2.0 | 2 mo ago |
| 2349 | 2349.Design System A skill your agent uses to establish the project's design canon — docs/design-system.md: the design-tool choice (Figma MCP / Pencil MCP / code-only markdown), the platform posture (mobile-first /… | genkovich/ | 171 | — | ~2.3k | Automated safety check: Pass | MIT | 1 mo ago |
| 2350 | 2350.Screens A skill your agent uses to produce the canonical screen manifest for a UI feature — every screen in every state (default / loading / empty / error / success / validation), with reuse-first component… | genkovich/ | 171 | — | ~2.1k | Automated safety check: Pass | MIT | 1 mo ago |
| 2351 | 2351.Card Sort Analysis Analyse open or closed card sort results into a proposed grouping and label set. | Owl-Listener/ | 2.9k | 1 repo | ~287 | Automated safety check: Pass | MIT | 1 mo ago |
| 2352 | Find differentially accessible chromatin regions between conditions using DiffBind or DESeq2. | FreedomIntelligence/ | 3.1k | — | ~1.8k | Automated safety check: Pass | No licence | 2 mo ago |
