frontend
0
shadcn-tailwind
Shadcn UI + Tailwind conventions (variants, reuse, dumb components)
oalkabouss
development
запрос активен
Поиск skills
Найдите подходящую возможность для вашего агента.
Популярные запросы
Результаты
53,183
skills, соответствующие запросу
Страница
2457
из 2660
Запрос
ai
ищите по названию, тегу или описанию
full-stack
0
frontend-design
Crear componentes React con TailwindCSS siguiendo los patrones del proyecto. Usar cuando se pida crear páginas, componentes UI, o modificar el diseño frontend.
Gochiri
development
frontend
0
svelte-ui-design
ALWAYS use this skill for ANY Svelte component styling, design, or UI work. Svelte 5 UI design system using Tailwind CSS 4, Skeleton Labs design tokens/presets/Tailwind Components, and Bits UI headless components. Covers class composition, color systems, interactive components, forms, overlays, and all visual design.
XIYO
development
frontend
0
hooks-best-practices
React Hooks patterns including custom hooks and dependency management. Use when implementing component logic.
IvanTorresEdge
development
frontend
0
architecture-reference
Quick reference for Portfolio Buddy 2 project structure. Use when: adding new features, modifying existing components, understanding data flow, or onboarding to the codebase. Contains component hierarchy, hook patterns, and utility functions.
5MinFutures
development
frontend
0
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. WHEN: Building landing pages, dashboards, web components, beautifying UI, creating polished designs, avoiding generic AI aesthetics. WHEN NOT: Backend development, API design, database work, using specific frameworks without design focus (use vuejs-dev, tailwind-css-dev instead).
LounisBou
development
full-stack
0
tanstack-types
This skill should be used when the user asks about "type-safe React Query", "queryOptions typing", "Zod validation", "TypeScript with TanStack Query", "generic useQuery", "DataTag", "infer query types", or needs guidance on type safety patterns, runtime validation, and TypeScript best practices for TanStack Query.
salmanrrana
development
frontend
0
tailwindcss
Tailwind CSS utility-first styling for JARVIS UI components
runecalico-ai
development
frontend
0
frontend-developer
React/Vite 컴포넌트 빌드, 성능 최적화, Tailwind CSS 스타일링, shadcn/ui 컴포넌트 활용, 접근성 검토. 프론트엔드 기능 개발, UI 이슈 디버깅, 컴포넌트 코드 리뷰 시 사용.
dschoi30
development
frontend
0
navigation-guard
Validates correct usage of PlayerPageLayout component in TapScore. Ensures detail pages use PlayerPageLayout while top-level list pages do not. Use when implementing new pages or reviewing navigation structure to prevent misuse and maintain consistent UX.
marcusta
development
frontend
0
frontend-responsive
Design mobile-first responsive layouts using fluid containers, relative units, standard breakpoints, and touch-friendly interfaces that adapt seamlessly across devices from mobile to desktop. Use this skill when implementing responsive designs, media queries, viewport configurations, or testing across screen sizes. Applies to any frontend layout work requiring optimization for mobile phones, tablets, and desktop displays with readable typography and appropriate content prioritization.
grimmolf
development
frontend
0
mobile-first-responsive-design
Approche Mobile-First avec Tailwind CSS, breakpoints, et progressive enhancement. MANDATORY pour toutes les pages. À utiliser lors de responsive design, layouts, ou quand l'utilisateur mentionne "mobile", "responsive", "tablet", "desktop".
RomualdP
development
frontend
0
frontend-accessibility-standards
Build accessible user interfaces using semantic HTML, proper ARIA attributes, keyboard navigation, color contrast, and screen reader compatibility. Use this skill when creating or modifying frontend components, HTML templates, React/Vue/Svelte components, forms, interactive elements, navigation menus, modals, or any UI elements. Apply when working with HTML files, JSX/TSX components, template files, ensuring keyboard accessibility, implementing focus management, adding alt text to images, creating form labels, testing with screen readers, managing ARIA attributes, maintaining color contrast ratios, or building heading hierarchies. Use for any task involving UI accessibility compliance, WCAG standards, or inclusive design patterns.
DennisToma
development
full-stack
0
frontend-dev
Next.js 14 + TypeScript + Tailwind CSS 프론트엔드 개발. 컴포넌트 생성, 페이지 추가, 스타일링, Three.js 3D 작업. "컴포넌트 만들어줘", "페이지 추가", "UI 수정", "3D 뷰어" 요청 시 사용.
rlarbsgks87-bot
development
frontend
0
tailwind-ui
Use when writing HTML/JSX with Tailwind CSS for common UI patterns like heroes, forms, lists, navbars, modals, cards, or any standard web component
alizain
development
frontend
0
front-end-developer-vue
Expert Vue.js front-end developer specializing in reactive, performant, and maintainable user interfaces with clean separation of concerns using Vue 3 + Composition API. Use this skill when the task involves designing, building, refactoring, styling, optimizing, or advising on Vue.js components, pages, layouts, forms, reactivity, performance, Tailwind + Shadcn/ui styling, or user experience in modern web applications.
NorthRiverDesign
development
frontend
0
frontend-responsive
Create responsive, mobile-first user interfaces that adapt seamlessly across all device sizes using modern CSS techniques and responsive design patterns. Use this skill when implementing layouts, breakpoints, fluid typography, responsive images, or any UI that needs to work across mobile, tablet, and desktop viewports. Apply this skill when using CSS media queries, container queries, responsive utility classes (Tailwind's sm:, md:, lg:), flexible grid/flexbox layouts, relative units (rem, em, vw, vh), or when optimizing touch interactions for mobile devices. This skill ensures mobile-first development approach, consistent breakpoint usage, proper viewport configuration, touch-friendly target sizes (44x44px minimum), readable typography across all screen sizes, and optimized performance on mobile networks with responsive images and lazy loading.
overtimepog
development
gaming
0
frontend-dev
TypeScript/Vue frontend development for CTF-AI. Use when working on game UI, Phaser scenes, Vue components, WebSocket client, or any frontend code.
sdd330
development
full-stack
0
preact
Builds fast, lightweight React-compatible applications with Preact's 3KB library and optional Signals for fine-grained reactivity. Use when optimizing bundle size, migrating from React, or when user mentions Preact, preact/compat, or lightweight React alternative.
mgd34msu
development
frontend
0
nextjs-game-components
Build interactive React components for the quiz game UI using Next.js 16, React 19, TypeScript, and Tailwind CSS v4. Use when creating game lobby, question display, scoreboard, player standings, and game result components.
violabg
development