Total 50,524 skills, Frontend Development has 4865 skills
Showing 12 of 4865 skills
Converts SVG files into optimized React TypeScript components with proper accessibility attributes, currentColor fills, and consistent naming conventions. Use when adding icons or SVG assets to a React project.
Modern React development with hooks, component patterns, state management, and performance optimization for building scalable applications
Ship Faster end-to-end workflow for small web apps (default: Next.js 16.1.1): idea/prototype → foundation gate → design-system.md → lightweight guardrails + docs → feature iteration → optional Supabase + Stripe → optional GitHub + Vercel deploy → optional AI-era SEO (sitemap/robots/llms.txt). Resumable, artifact-first under runs/ship-faster/ (or OpenSpec changes/). Trigger: ship/launch/deploy/production-ready MVP.
Vue Router - official router for Vue.js. Use when building single-page applications with routing, navigation guards, nested routes, or programmatic navigation.
Create modern, interactive web presentations powered by Reveal.js. Supports both single-file HTML presentations AND multi-presentation repository management with GitHub Pages deployment. Use for creating slides, presentations, slide decks, presentation repositories with auto-generated index pages. Features advanced animations, speaker notes, overview mode, and full Reveal.js API access.
This skill should be used when the user asks to "add a component", "use shadcn", "install Button", "create Dialog", "add Form", "use DataTable", "implement dark mode toggle", "use cn utility", or discusses UI components, component libraries, or accessible components. Always use the latest shadcn/ui version and modern patterns.
[Fix & Debug] ⚡⚡ Analyze and fix UI issues
Build UIs with shadcn/ui components. Covers CLI commands, component installation, theming with CSS variables, OKLCH colors, and customization patterns. Triggers on shadcn, shadcn-ui, add component, or theming questions.
Vue.js progressive framework with Composition API and Pinia. Use for .vue files.
Vben Admin 5.x 前端开发规范。当创建页面、组件、API 接口或前端功能时自动使用。
Expert in Web3 wallet integration for DApps. Masters wallet connectivity, transaction signing, account management, and blockchain UX patterns. Use when "wallet integration, connect wallet, metamask, wagmi, rainbowkit, walletconnect, web3 frontend, sign transaction, dapp, ethers.js, viem, wallet, web3, metamask, wagmi, rainbowkit, walletconnect, ethereum, dapp, blockchain" mentioned.
Bootstrap CSS framework for responsive design. Use for quick styling.