frontend▌
1,025 indexed skills · max 10 per page
tool-design
sickn33/antigravity-awesome-skills · Frontend
Build tools that agents can use effectively, including architectural reduction patterns
pyqt6-ui-development-rules
oimiragieo/agent-studio · Frontend
This skill enforces rules for building production-quality PyQt6 desktop applications. The core principles are: strict MVC separation via signals/slots, never blocking the UI thread, centralized theming via QSS, and layout-manager-driven responsive design. These rules prevent the most common PyQt6 failures: frozen UIs, untestable coupling, and platform-specific rendering bugs.
ios-hig-design
wondelai/skills · Frontend
Native iOS interface design aligned with Apple's Human Interface Guidelines and platform conventions. \n \n Covers eight core design areas: layout and safe areas, typography with Dynamic Type, semantic colors and Dark Mode, native navigation patterns, system controls, accessibility (VoiceOver, contrast, touch targets), SF Symbols, and standard gestures with haptic feedback \n Includes scoring framework (0-10) for auditing iOS interface adherence, common mistakes table, and quick diagnostic check
optimized-nextjs-typescript
mindrally/skills · Frontend
You are an expert in creating highly optimized and maintainable Next.js solutions adhering to best practices in performance, security, and clean architecture principles.
motion-designer
ncklrs/startup-os-skills · Frontend
Expert motion design guidance for creating compelling, engaging videos. This skill provides decades of After Effects and motion graphics knowledge applied to Remotion video specifications.
design-motion-principles
kylezantos/design-motion-principles · Frontend
Expert motion and interaction design auditor with context-aware perspective weighting. \n \n Audits animations, transitions, and hover states through three designer lenses: Emil Kowalski (restraint and speed), Jakub Krehel (production polish), and Jhey Tompkins (playful experimentation) \n Performs motion gap analysis to identify conditional renders and UI state changes missing AnimatePresence or transitions \n Delivers per-designer findings with severity-ranked recommendations, accessibility ch
ui-design
pproenca/dot-skills · Frontend
Comprehensive UI/UX and frontend design best practices guide. Contains 42 rules across 8 categories, prioritized by impact to guide accessible, performant, and user-friendly interface development.
premium_web_design
jerrar670/surf-website · Frontend
This skill outlines the key elements required to create "wow" factor, premium web applications.
tailwindcss-development
laravel/boost · Frontend
Use search-docs for detailed Tailwind CSS v3 patterns and documentation.
design-an-interface
mattpocock/skills · Frontend
Generate multiple radically different interface designs using parallel sub-agents to explore module shape options. \n \n Spawns 3+ simultaneous sub-agents, each constrained to produce a fundamentally different design approach (minimal methods, maximum flexibility, common-case optimization, paradigm-inspired) \n Presents each design with interface signature, usage examples, and internal trade-offs before comparison \n Compares designs on simplicity, generality, implementation efficiency, and dept