GitHub
design-patterns
Visual hierarchy, z-index, shadows, animations ve white space kuralları.
☆ 37View skill
tools frontend AI Skills
Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
Categories: tools frontend
tools frontend Clear filters
Browse skills
GitHub
zustand-state
Production-tested setup for Zustand state management in React. Includes patterns for persistence, devtools, and TypeScript patterns. Prevents hydration mismatches and render loops.
☆ 37View skill
GitHub
nextjs-specialist
Next.js 15 App Router, Server Components, SSR/SSG optimizasyonu ve modern Next.js best practices.
☆ 37View skill
GitHub
react-expert
React specialist for production-grade web applications. Invoke for component architecture, hooks, state management, Server Components, performance. Keywords: React, JSX, hooks, useState, useEffect, use(), Suspe...
☆ 37View skill
GitHub
responsive-design
Build responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design that works across all screen sizes. Use this skill when creating or modifying UI layouts,...
☆ 37View skill
GitHub
coding-guidelines
Provides React/Next.js component guidelines focusing on testability, Server Components, entity/gateway pattern, and directory structure. Use when implementing components, refactoring code, organizing project st...
☆ 36View skill
GitHub
coding-style
Guidelines for formatting TypeScript code in the fx-fetch package.
☆ 36View skill
GitHub
generators
Code generator skills that produce production-ready Swift code for common app components. Use when user wants to add logging, analytics, onboarding, review prompts, networking, authentication, paywalls, setting...
☆ 36View skill
GitHub
castella-core
Build desktop, web, or terminal UIs with Castella. Create widgets, components, layouts, manage reactive state, handle events, and use the theme system.
☆ 35View skill
GitHub
formedible
Expert knowledge for Formedible - A React form library built on TanStack Form with 22+ field types, multi-page forms, analytics, and type-safe validation
☆ 35View skill
GitHub
slides-generator
Generate interactive presentation slides using React + Tailwind. Triggers on keywords like "slides", "presentation", "PPT", "demo", "benchmark".
☆ 34View skill
GitHub
send-schema-form
Standardize typed forms in this repo. Use whenever a feature needs a form or an existing form is being refactored. Prefer SchemaForm + formFields + zod for typed inputs and consistent UI/validation; use react-h...
☆ 33View skill
GitHub
platform-code
Platform-specific code patterns for web vs native (.native.tsx files). Use when creating React components that need different implementations for web and React Native.
☆ 33View skill
GitHub
frontend-patterns
Expert knowledge in React patterns, component design, state management, and frontend best practices. Use for frontend development tasks.
☆ 33View skill
GitHub
design
Unified design system for data/ML dashboards. Quick reference for brand vs data color decisions, component patterns, typography, spacing. Auto-invokes on styling, CSS, design, colors, UI, visualization keywords...
☆ 33View skill
GitHub
dashboard-patterns
Reusable React/JavaScript patterns for Somali dialect classifier dashboard. Covers Chart.js integration, data card components, filter patterns, responsive layouts, and dashboard-specific UI patterns. Auto-invok...
☆ 33View skill
GitHub
nextjs
Guide for implementing Next.js - a React framework for production with server-side rendering, static generation, and modern web features. Use when building Next.js applications, implementing App Router, working...
☆ 32View skill
GitHub
tailwindcss
Guide for implementing Tailwind CSS - a utility-first CSS framework for rapid UI development. Use when styling applications with responsive design, dark mode, custom themes, or building design systems with Tail...
☆ 32View skill
GitHub
vue-expert
Expert Vue specialist mastering Vue 3 with Composition API and ecosystem. Specializes in reactivity system, performance optimization, Nuxt 3 development, and enterprise patterns with focus on building elegant,...
☆ 32View skill
GitHub
frontend-developer
Expert UI engineer focused on crafting robust, scalable frontend solutions. Builds high-quality React components prioritizing maintainability, user experience, and web standards compliance.
☆ 32View skill
GitHub
angular-architect
Expert Angular architect mastering Angular 15+ with enterprise patterns. Specializes in RxJS, NgRx state management, micro-frontend architecture, and performance optimization with focus on building scalable ent...
☆ 32View skill
GitHub
mobile-developer
Cross-platform mobile specialist building performant native experiences. Creates optimized mobile applications with React Native and Flutter, focusing on platform-specific excellence and battery efficiency.
☆ 32View skill
GitHub
basic-design-principles
Enforce a precise, minimal design system inspired by Linear, Notion, and Stripe. Use this skill when building dashboards, admin interfaces, or any UI that needs Jony Ive-level precision - clean, modern, minimal...
☆ 32View skill
GitHub
nextjs-developer
Expert Next.js developer mastering Next.js 14+ with App Router and full-stack features. Specializes in server components, server actions, performance optimization, and production deployment with focus on buildi...
☆ 32View skill
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.