shadcn-vite-iconify-landing-page
Build, audit, and iterate high-converting landing pages using React, Vite, TypeScript, Tailwind, and shadcn/ui. Expert in CRO, hero structures, and conversion-focused design with Iconify icons.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
77 skills found
Build, audit, and iterate high-converting landing pages using React, Vite, TypeScript, Tailwind, and shadcn/ui. Expert in CRO, hero structures, and conversion-focused design with Iconify icons.
Standardized React UI patterns for loading states, error handling, and data fetching to ensure consistent UX and robust component architecture.
Master component-driven development for React, Vue, and Svelte. Learn advanced composition, CSS-in-JS strategies, and API design for scalable UI design systems.
Toolkit for applying consistent, professional styling to artifacts like slides, documents, and web pages using pre-set or custom-generated themes.
Manage Tailwind CSS configuration, custom design tokens, themes, and design system utilities across the monorepo.
React component development guide for LobeHub, including styling with antd-style, layout building with @lobehub/ui, and routing management.
A structured design and planning tool for Vizro dashboards, enforcing a 3-step workflow (requirements, layout, visualization) to ensure production-ready dashboard development.
Implement shadcn/ui components: installation, Vite/TanStack Router configuration, CLI command management, and Tailwind CSS integration.
Review, audit, and build production-grade frontend interfaces with high design quality, accessibility standards, and design system compliance.
Build modern, composable, and accessible React UI components following the components.build specification. Use for design systems, component libraries, and reusable UI architectures.
Orchestrator for audio plugin WebView UI design, handling iterative mockup generation and production-ready scaffolding for JUCE-based instruments and effects.
Guidance on React Server Components (RSC) in Next.js, covering server/client component boundaries, data fetching, and composition patterns.