frontend▌
1,025 indexed skills · max 10 per page
tools-ui
inferen-sh/skills · Frontend
React/Next.js components for displaying tool calls across their full lifecycle: pending, running, approval, success, and error states. \n \n Includes three core components: ToolCall for displaying pending/running tool invocations, ToolResult for showing completed outputs, and ToolApproval for human-in-the-loop approval flows with approve/deny callbacks \n Automatic icon assignment based on tool name patterns (search, read, write, delete, send, etc.) with fallback to wrench icon \n Five distinct
macos-design-guidelines
ehmo/platform-design-skills · Frontend
Comprehensive design guidelines for building native Mac apps with SwiftUI and AppKit. \n \n Covers 11 critical areas: menu bars, windows, toolbars, sidebars, keyboard shortcuts, pointers, notifications, system integration, visual design, popovers, and accessibility \n Includes 80+ actionable rules with SwiftUI and AppKit code examples for every pattern \n Provides keyboard shortcut reference tables, evaluation checklist, and anti-patterns to avoid \n Emphasizes Mac-specific expectations: persist
landing-page-design
inferen-sh/skills · Frontend
Landing page conversion optimization with layout rules, hero design, and CTA psychology. \n \n Covers above-the-fold formula, headline patterns, hero image strategy, and section sequencing proven to convert \n Includes CTA button design rules, form field optimization, mobile-first guidelines, and social proof placement strategies \n Provides specific examples of high-converting vs. failing headlines, CTAs, and hero images with anti-patterns \n Integrates with inference.sh CLI to generate hero im
email-design
inferen-sh/skills · Frontend
High-converting email templates with layout patterns, subject line formulas, and mobile-first design rules. \n \n Covers five email types: welcome sequences, promotional campaigns, product updates, transactional receipts, and newsletters with specific templates and timing for each \n Enforces 600px max width, single-column layouts, 14-16px body text, and 44-50px CTA buttons optimized for 60%+ mobile opens \n Includes subject line formulas (numbered benefits, questions, personalization) capped at
react-three-fiber
freshtechbro/claudedesignskills · Frontend
React Three Fiber (R3F) is a React renderer for Three.js that brings declarative, component-based 3D development to React applications. Instead of imperatively creating and managing Three.js objects, you build 3D scenes using JSX components that map directly to Three.js objects.
power-bi-model-design-review
github/awesome-copilot · Frontend
Comprehensive Power BI data model design review framework for evaluating architecture, relationships, and optimization. \n \n Covers schema architecture, relationship design, and storage mode strategy with detailed assessment checklists across fact tables, dimensions, cardinality, and filter directions \n Includes three-phase review process: model architecture analysis, performance and scalability evaluation, and maintainability/governance assessment \n Provides specialized review types for pre-
swiftui-pro
twostraws/swiftui-agent-skill · Frontend
Comprehensive SwiftUI code review against modern APIs, accessibility, and performance standards. \n \n Validates code across nine dimensions: deprecated APIs, view optimization, data flow, navigation, design compliance, accessibility (Dynamic Type, VoiceOver, Reduce Motion), performance, Swift concurrency, and code hygiene \n References built-in guides for each review category, enabling targeted partial reviews when needed \n Targets iOS 26+ and Swift 6.2 with modern concurrency patterns; priori
vue-testing-best-practices
vuejs-ai/skills · Frontend
Comprehensive testing guidance for Vue.js projects covering unit, component, and end-to-end testing. \n \n Addresses 11 common testing challenges including async handling, composable testing, Pinia store setup, Suspense components, and Teleport queries \n Recommends Vitest for unit and component testing, Playwright for end-to-end testing, and Vue Test Utils for component interaction \n Covers testing patterns like black-box component approaches, snapshot test pitfalls, and browser vs. Node.js ru
rivetkit-client-react
rivet-dev/skills · Frontend
React client for connecting to Rivet Actors with hooks and realtime state management. \n \n Create typed hooks with createRivetKit() and connect to actor instances using useActor() with keys and optional parameters \n Subscribe to actor events with useEvent() and monitor connection lifecycle through connStatus and error states \n Use createClient() for stateless one-off calls, actor discovery methods (get, getOrCreate, create, getForId), and low-level HTTP/WebSocket access \n Supports compound a
system-design
anthropics/knowledge-work-plugins · Frontend
$21