Total 44,322 skills, Frontend Development has 4510 skills
Showing 12 of 4510 skills
Dynamic metadata generation per locale with canonical URLs, Open Graph tags, Twitter cards, and hreflang alternates. Use when implementing page metadata, setting up SEO for multilingual sites, or configuring social sharing previews.
CSS architecture and styling expert with deep knowledge of modern CSS features, responsive design, CSS-in-JS optimization, performance, accessibility, and design systems. Use PROACTIVELY for CSS layout issues, styling architecture, responsive design problems, CSS-in-JS performance, theme implementation, cross-browser compatibility, and design system development. If a specialized expert is better fit, I will recommend switching and stop.
This skill should be used when the user asks about MJML syntax, components, or attributes, when writing or editing MJML email templates, when creating responsive email layouts, when troubleshooting MJML rendering issues, or when asking about email client compatibility.
Generate favicons from a source image
React, Next.js 16+, TypeScript, shadcn/ui, Tailwind CSS v4, Vite, Vitest 기반 프론트엔드 프로젝트의 기술스택 컨벤션 및 아키텍처 가이드. FE 코드 작성, 리뷰, 리팩토링 시 자동 참조.
React/Next.js 앱의 에러를 진단하고 디버깅하는 스킬. Error Boundary, 에러 추적, 일반적인 React/Next.js 에러 해결, 런타임 디버깅 등. "디버깅", "debug", "에러", "error", "버그", "안돼", "오류", "트러블슈팅" 등의 요청 시 사용.
Next.js 앱의 SEO와 메타데이터를 최적화하는 스킬. Metadata API, Open Graph, JSON-LD 구조화 데이터, sitemap, robots.txt, 동적 OG 이미지 등. "SEO", "메타데이터", "metadata", "OG", "오픈그래프", "사이트맵", "검색 최적화" 등의 요청 시 사용.
Initialize Subframe in a new or existing project. Sets up the CLI, syncs components, configures Tailwind and fonts.
Desktop application development with Electron and Tauri
Use when adding animations, transitions, hover effects, or motion design. MANDATORY for every component. Covers Framer Motion patterns.
WatermelonDB models, observation patterns, and React integration. Use when writing or debugging model code, observers (findAndObserve, query.observe), or screens that display live-updating DB data.
This skill should be used when the user asks to "create landing pages", "build funnel pages", "sales pages", "opt-in pages", "OTO pages", or mentions funnel pages, conversion pages, or direct response landing pages. Creates high-converting funnel pages using proven frameworks.