Responsive
Responsive design and mobile-first
auth_patterns
by vuralserhat86
Master authentication and authorization patterns including JWT, OAuth2, session management, and RBAC to build secure, scalable access control systems. Use when implementing auth systems, securing APIs, or debugging security issues.
backend_api
by vuralserhat86
REST uygulama, validation, security headers, auth patterns. ⚠️ Kod yazarken kullan. API tasarımı/GraphQL için → api-design.
backend_database
by vuralserhat86
Repository pattern, transactions, caching ve query optimization.
design_responsive
by vuralserhat86
Breakpoints, fluid typography, container queries ve modern CSS features.
canvas_design
by vuralserhat86
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
docs_api
by vuralserhat86
OpenAPI/Swagger API documentation ve endpoint belgeleme şablonları.
better_auth
by vuralserhat86
The ultimate authentication and authorization skill. Implement login, signin, signup, registration, OAuth, 2FA, MFA, passkeys, and user session management. Secure your application with RBAC and access control.
design_patterns
by vuralserhat86
Visual hierarchy, z-index, shadows, animations ve white space kuralları.
database_design
by vuralserhat86
Schema tasarımı, migration stratejileri, indexing, query optimization ve database best practices.
design_components
by vuralserhat86
Button, card, input ve icon sizing kuralları. Component boyutlandırma standartları.
api_design
by vuralserhat86
API tasarımı, GraphQL schema, OpenAPI spec, versioning. ⚠️ Tasarım aşaması için kullan. Uygulama/security için → backend-api.
design_tokens
by vuralserhat86
8-point grid spacing, typography scale ve color system. Temel tasarım değişkenleri.
backend_core
by vuralserhat86
Node.js/TypeScript temel prensipler, proje yapısı ve TypeScript strict mode kuralları.
clerk_auth
by vuralserhat86
Clerk modern authentication, WebAuthn, passkeys ve social auth entegrasyonu rehberi.
unity-ui
by creator-hian
Build and optimize Unity UI with UI Toolkit and UGUI. Masters responsive layouts, event systems, and performance optimization. Use for UI implementation, Canvas optimization, or cross-platform UI challenges.
cc_chrome_devtools_mcp_skill
by justfinethanku
Comprehensive Chrome DevTools automation for performance testing, Core Web Vitals measurement (INP, LCP, CLS), network monitoring, accessibility validation, responsive testing, and browser automation. Uses Chrome DevTools Protocol via MCP to provide professional-grade web application testing, debugging, and analysis capabilities including performance tracing, HAR export, device emulation, and multi-page workflows.
role-aqa:mobile-testing
by rnavarych
Mobile test automation with Appium (cross-platform), Detox (React Native gray-box), XCUITest (iOS native), Espresso (Android native), device farms (BrowserStack, Sauce Labs, AWS Device Farm), screenshot testing, gesture testing, and deep link testing. Use when automating mobile app tests or setting up mobile test infrastructure.
layout-primitives
by dylantarre
Builds composable layout components (Stack, Cluster, Grid, Sidebar, Center, Cover). Use when creating layout systems, spacing compositions, or Every Layout-style intrinsic design patterns that adapt without breakpoints.
responsive-typography
by dylantarre
Implements fluid typography using CSS clamp() that scales with viewport. Use when creating responsive font sizes, viewport-aware headings, or type that adapts smoothly without breakpoints.
tailwind-css
by sablier-labs
This skill should be used when the user asks about "Tailwind CSS", "tailwind-variants", "tv() function", "CSS-first configuration", "Tailwind breaking changes", mentions styling with Tailwind utilities, gradient syntax, or component variants with TypeScript.
breakpoints
by dylantarre
Generates responsive breakpoint tokens for media queries and container queries. Use when setting up responsive design, mobile-first layouts, or viewport-based styling. Outputs CSS, Tailwind, or JSON.
Web Design Builder
by rknall
"Create and refactor HTML5/JavaScript web designs from specifications or descriptions. Generates complete, accessible, responsive web designs with modern frameworks. Automatically verifies designs using Playwright MCP for accessibility and functionality testing. Use this skill when users ask to create web designs, mockups, landing pages, web applications, or refactor existing HTML/CSS/JS designs."
apple-ui-designer
by heyman333
Redesign mobile app UI to feel unmistakably Apple-like, iOS-forward, and native. Use this skill when building iOS apps, applying Apple Human Interface Guidelines, or creating native-feeling mobile interfaces with SF Pro typography, translucency, and system-like components.
ux-principles
by miles990
User experience design principles for developers