GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
Résultats pour « Frontend »
Skills correspondant au nom, à la description ou à l’auteur GitHub.
Catégories: Recherche
Explorer
GitHub
web-ui-best-practices
Opinionated constraints for building better user interfaces. Triggers on building or reviewing web components, pages, forms, modals, animations, or any frontend UI work. Covers accessibility, focus states, touc...
GitHub
taxasge-frontend-dev
Patterns frontend Next.js/React/shadcn/ui, complète DEV_AGENT avec best practices frontend
GitHub
frontend-design
Use when designing UI components, implementing accessibility, responsive layouts, or integrating with design systems.
GitHub
browser-debugging
Use when debugging frontend issues in the browser. Covers DevTools usage, network debugging, performance profiling, and console patterns.
GitHub
frontend-design-alt-1
Créer des interfaces frontend distinctives et production-grade avec une esthétique forte et non générique. Utiliser quand l'utilisateur demande de concevoir ou refondre une interface (composants web, pages, app...
GitHub
frontend-design-alt-2
Appliquer une approche "intentional minimalism" pour concevoir des interfaces frontend avant‑gardistes, épurées et hautement intentionnelles. Utiliser quand l'utilisateur demande une interface sobre mais très p...
GitHub
frontend-style-guide
Strict design rules and style preferences for the frontend.
GitHub
markdowntown-frontend
Frontend UX and design system guidance for markdowntown. Use when changing UI, layout, styling, typography, motion, or Tailwind classes, especially for Workbench, Atlas, and Library surfaces.
GitHub
pricing-app-frontend
React frontend patterns for Pricing App - Zustand, CSS Modules, Tesla Design System, permissions
GitHub
pricing-app-permissions
Hybrid permission system - role-based + user overrides, frontend/backend patterns
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with a bold, memorable aesthetic. Use when building UI components, pages, or layouts.
GitHub
frontend-ui-ux
Designer-turned-developer workflow for crafting cohesive UI/UX with strong visual polish and interaction quality.
GitHub
frontend-design-system
Design and refactor React/Tailwind frontends using the project design system. Use this Skill when working on UI components, pages, layouts, or UX improvements and you want distinctive, accessible, non-generic d...
GitHub
typescript
TypeScript type system for type-safe JavaScript development. Covers types, interfaces, generics, and configuration for both frontend and backend. Trigger: When writing TypeScript code, when defining types or in...
GitHub
deployment
Helps with deploying OSD packages to sych.local. Use when discussing deployment, hot-reload, frontend updates, or gallery updates.
GitHub
frontend-design-theme-factory
Interactive UI theme generation when user needs help choosing colors/fonts. Generates cohesive themes based on brand personality using color harmony theory. Use ONLY when user is UNCERTAIN about colors/theme a...
GitHub
ux-accessibility
Accessibility principles for inclusive design - keyboard navigation, screen readers, ARIA, color contrast, and focus management. WCAG compliance for interfaces usable by all. Use when implementing interactive...
GitHub
frontend-design-figma-extraction
Complete Figma design extraction for pixel-perfect implementation. Extracts design tokens, component specs, layouts, and responsive behavior systematically. Use when user provides Figma design: - Figma URL or...
GitHub
quality-code-check
Code quality validation through linting, type checking, and build verification. Multi-language support for automated quality gates. Use when validating code quality: - After implementation to validate code mee...
GitHub
frontend-design-responsive
Mobile-first responsive design for beautiful, multi-device UIs. Breakpoints, fluid layouts, touch optimization, and creative responsive patterns for distinctive experiences across screens. Use when building re...
GitHub
ux-feedback-patterns
User feedback patterns for interactions - loading states, success/error messages, form validation, empty states. Ensures users understand system state and next steps. Use when implementing user-facing state ch...
GitHub
quality-code-check
Code quality validation through linting, type checking, and build verification. Multi-language support for automated quality gates. Use when validating code quality: - After implementation to validate code mee...
GitHub
react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. Contains 45 rules across 8 categories, prioritized by impact. ALWAYS load when working with React/Next.js code: - Writing new Reac...
Catégories populaires
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.