القائمة
Create trendy glassmorphism buttons. Use when user wants modern button designs.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
Secure authentication using Better Auth on Next.js frontend and JWT verification in FastAPI backend with shared secret.
Generate backend routes, handle HTTP requests/responses, and connect to databases. Use for API and server-side development.
Design robust database schemas using tables, relationships, and migrations. Use for backend and data-driven applications.
Debug all issues, errors, and bugs related to authentication, frontend, and backend. Use to troubleshoot and fix web applications efficiently.
Build modern landing page hero sections with animations. Use for homepage designs.
Build modern, accessible card components in Next.js with Tailwind CSS, including shadow effects, hover animations, responsive grids, and optimized images using next/image. Use when creating card layouts, product grids, content galleries, or any UI requiring card-based designs in Next.js applications.
استنادا إلى تصنيف SOC المهني
| name | modern-button |
| description | Create trendy glassmorphism buttons. Use when user wants modern button designs. |
Create buttons with these features:
Glassmorphism effect
Hover animations
Responsive design
.glass-button {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
transition: all 0.3s ease;
}
.glass-button:hover {
transform: scale(1.05);
background: rgba(255, 255, 255, 0.2);
}