设计
UI/UX 方向、视觉设计与设计系统
ios-glass-ui-designer
heyman333
Redesign mobile app UI to feel unmistakably iOS-native with modern Apple-like glass materials (translucency, blur, depth). Use this skill when designing iOS-first interfaces that leverage iOS material hierarchy (ultra-thin/regular/thick), SF Pro typography, safe-area patterns, and system component behaviors—without overdoing glass effects.
apple-ui-designer
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.
editorial-designer
heyman333
Create distinctive, production-grade frontend interfaces with high editorial design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
brand-guidelines
mujez
Brand identity and design system expert. Use when creating or enforcing brand consistency across UI, content, marketing materials, or code. Covers logo usage, typography, color systems, voice and tone, component design tokens, and brand governance. Activate when building new pages, writing copy, or reviewing designs for brand compliance.
ai-slop-taste
zerob13
Audit, remove, or intentionally generate AI-slop taste across UI, TUI, agent runtime, state, and code architecture.
onboarding-cro
almeidamarcell
When the user wants to optimize post-signup onboarding, user activation, first-run experience, or time-to-value. Also use when the user mentions "onboarding flow," "activation rate," "user activation," "first-run experience," "empty states," "onboarding checklist," "aha moment," or "new user experience." For signup/registration optimization, see signup-flow-cro. For ongoing email sequences, see email-sequence.
aesthetic-excellence
apexscaleai
Use when improving visual quality of existing UI - applies 2025 design principles for hierarchy, spacing systems, color theory, and typography excellence to elevate aesthetic appeal and user experience
design-system-foundation
apexscaleai
Use when starting a new React Native or Next.js project to establish design system foundation - creates design tokens, folder structure, component architecture, and documentation scaffolding for consistent UI development
design-preset-system
apexscaleai
Use when applying or switching design styles across UI components - provides preset design systems with tokens, patterns, and guidelines for different aesthetic approaches from timeless classics to bleeding-edge experimental styles
ui-refactoring-workflow
apexscaleai
Use when refactoring existing React Native, Next.js, or TypeScript UI code to apply modern design principles and aesthetic excellence - analyzes current implementation, applies design presets, maintains functionality while elevating visual quality
tunneling
tinyfish-io
Create free SSH tunnels to expose local ports to the internet using tinyfi.sh. Use when you need to share a locally running app, test webhooks, demo a prototype, or get a public HTTPS URL for any local service — no signup or authentication required.
demo-builder
apetcu
"Build complete demo projects from scratch. Takes a project description (presentation website, shop, dashboard, SaaS, portfolio, etc.) and scaffolds a full working Next.js + Tailwind CSS 3.4 app ready for Vercel deployment. Supports optional database integration when a DATABASE_URL is provided. Use when the user wants to build a demo, create a project, scaffold an app, prototype something, or spin up a quick site."
beautiful-ui
apetcu
Build stunning glassmorphism dark-mode interfaces with Next.js and Tailwind CSS v4. Use when creating any frontend UI, component, page, or application. Specializes in glass-like translucent surfaces, luminous color palettes on dark backgrounds, fluid animations with Framer Motion, and premium visual polish. Always generates dark-mode-first, glassmorphic, production-grade code with exceptional aesthetic quality.
academic-paper-writing
ouyangyipeng
Guides AI agents to write high-quality academic papers following top-tier conference standards. Use this skill when: - Writing or drafting academic papers for AI/systems conferences - Designing paper structure, sections, or experimental methodology - Creating figures, tables, or data visualizations for papers - Performing literature review or managing citations - Responding to reviewer comments or preparing rebuttal - Any task involving academic writing workflow Do NOT use for: - Non-academic writing (blogs, marketing copy, documentation) - Papers outside AI/systems domains without adaptation - Simple formatting tasks that don't require domain expertise
auth_patterns
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
vuralserhat86
REST uygulama, validation, security headers, auth patterns. ⚠️ Kod yazarken kullan. API tasarımı/GraphQL için → api-design.
backend_database
vuralserhat86
Repository pattern, transactions, caching ve query optimization.
design_responsive
vuralserhat86
Breakpoints, fluid typography, container queries ve modern CSS features.
canvas_design
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
vuralserhat86
OpenAPI/Swagger API documentation ve endpoint belgeleme şablonları.
better_auth
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
vuralserhat86
Visual hierarchy, z-index, shadows, animations ve white space kuralları.
figma_integration
vuralserhat86
Figma design-to-code, design system extraction ve component generation rehberi.
database_design
vuralserhat86
Schema tasarımı, migration stratejileri, indexing, query optimization ve database best practices.