Search
Frontend & Design · EliasOulkadi/shokunin
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Build production-grade components for React, Vue 3, and Svelte 5 with all states (loading, empty, error, success, idle), TypeScript strict, WCAG 2.2 accessibility, server components (RSC), and… | EliasOulkadi/ | 114 | — | ~3.6k | Automated safety check: Notes | MIT | 6 days ago |
| 2 | Build conversion-optimized landing pages with CRO frameworks (Conversion Research, LIFT Model), scroll effects, A/B testing, personalization, form optimization, and Core Web Vitals (INP, LCP, CLS). | EliasOulkadi/ | 114 | — | ~4.5k | Automated safety check: Pass | MIT | 6 days ago |
| 3 | Design multi-device layouts with Container Queries, clamp() fluid typography, :has() selector, subgrid, and modern CSS units (dvh/svh/lvh). | EliasOulkadi/ | 114 | — | ~3.2k | Automated safety check: Pass | MIT | 6 days ago |
| 4 | Performance profiling and optimization for web apps — Core Web Vitals (LCP, INP, CLS), Lighthouse audits, bundle analysis, backend profiling (CPU, memory, DB queries), N+1 detection, caching… | EliasOulkadi/ | 114 | — | ~2.7k | Automated safety check: Notes | MIT | 6 days ago |
| 5 | Design GPU-accelerated animations with Web Animations API (WAAPI), Scroll-Driven Animations (ScrollTimeline/ViewTimeline), FLIP technique, easing systems, and accessibility (prefers-reduced-motion). | EliasOulkadi/ | 114 | — | ~6.4k | Automated safety check: Pass | MIT | 6 days ago |
| 6 | 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 |
| 7 | 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 |
| 8 | 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 |
| 9 | Browser automation, web scraping, E2E testing, and visual regression with Playwright. | EliasOulkadi/ | 114 | — | ~3.6k | Automated safety check: Notes | MIT | 6 days ago |
| 10 | 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 |
| 11 | 11.Brand Design Generate brand guidelines, design systems with design tokens (W3C format), creative direction (SCAMPER, Design Thinking, TRIZ), and design briefs with scope and success criteria. | EliasOulkadi/ | 114 | — | ~3k | Automated safety check: Pass | MIT | 6 days ago |
| 12 | 12.Taste Senior UI/UX Engineer. An agent skill from EliasOulkadi/shokunin. | EliasOulkadi/ | 114 | — | ~3.5k | Automated safety check: Pass | MIT | 6 days ago |
| 13 | 13.Taste Soft High-end visual design like a premium agency. An agent skill from EliasOulkadi/shokunin. | EliasOulkadi/ | 114 | — | ~3.2k | Automated safety check: Pass | MIT | 6 days ago |
