GitHub
designer-agent
Design Guardian that reviews UI implementations for alignment with Billboard's visual language. Use for design review, UI consistency checks, component approval, visual troubleshooting, layout feedback.
Skills IA tools frontend
Découvrez les skills tools frontend, comparez leurs dépôts et consultez leurs instructions.
Catégories: tools frontend
tools frontend Effacer les filtres
Explorer
GitHub
design-system
Billboard-inspired design patterns for implementing UI components with video grids, chart layouts, section headers, color tokens, spacing, and Framer Motion animations. Use for episodes page, artist cards, rank...
GitHub
designer-agent
Design guardian and reviewer that ensures UI implementations align with Billboard's visual language and the Fireside Tribe design system
GitHub
component-development
Patterns for building React components with Radix UI, TailwindCSS, react-hook-form, and Framer Motion
GitHub
components
React component development patterns with Radix UI primitives, TailwindCSS styling, shadcn/ui, react-hook-form with zod validation, Framer Motion animations, loading skeletons, and responsive layouts.
GitHub
frontend-accessibility
Generates accessible HTML, React, and frontend code following WCAG 2.2 AA guidelines. Use when creating UI components, forms, navigation, or any user-facing frontend code. Focuses on semantic HTML, keyboard acc...
GitHub
new-component
Create a new React component following project patterns. Use when creating reusable components. Invoke with "/new-component [name] [description]".
GitHub
base-ui-best-practices
Base UI implementation guidelines for building accessible, unstyled React components. Use this skill when writing, reviewing, or implementing Base UI components to ensure proper patterns and accessibility. Trig...
GitHub
audit-style
Audit and refactor CSS to comply with Game Loopers design system and BEM methodology
GitHub
tailwind-styling
Tailwind CSS styling patterns, dark theme implementation, and theme management for this project. Use when styling components, implementing UI changes, or working with the design system.
GitHub
nextjs-app-router
Next.js 15 App Router patterns for this project. Use when creating routes, API endpoints, server components, or client components.
GitHub
error-handling
Comprehensive error handling patterns for API responses, React Error Boundaries, webhook processing, user-facing messages, and monitoring with Baselime.
GitHub
interaction-designer
Designs interactions, animations, transitions, and micro-interactions. Specifies hover states, click feedback, loading states, and user feedback mechanisms. Ensures interactions are accessible and performant.
GitHub
component-implementer
Implements UI components from design specifications. Use when implementing frontend components, pages, or UI elements. Follows design specs from ui-ux-designer, implements responsive design, and ensures accessi...
GitHub
component-designer
Designs reusable UI components including buttons, inputs, cards, modals, and other interface elements. Specifies states, variations, and usage guidelines. Considers accessibility and responsive behavior.
GitHub
responsive-design-planner
Plans responsive design breakpoints, mobile-first approaches, and adaptive layouts. Defines how designs adapt across different screen sizes and devices. Considers touch vs mouse interactions.
GitHub
shadcn-ui-designer
Expert frontend design and implementation using shadcn/ui components for Next.js and React applications. Use when building user interfaces, implementing UI features, creating forms, dashboards, data tables, mod...
GitHub
theme-routing-patterns
Navigation and routing rules for theme components. Always use locationPrefix. Never hardcode routes.
GitHub
angular
Angular 17 standalone components, RxJS patterns, and reactive forms for the casino platform. Use when: Building Angular components, services, guards, interceptors, or working with RxJS observables in casino-f o...
GitHub
frontend-design
Angular UI components with Material Design, SCSS design system, and responsive layouts. Use when: Creating new UI components, styling pages, implementing responsive layouts, adding animations, or maintaining vi...
GitHub
components
Use @inkcre/web-design Vue 3 components. Includes all 22 components with props, events, and usage examples.
GitHub
i18n
Integrate @inkcre/web-design with vue-i18n for internationalization.
GitHub
router
Integrate @inkcre/web-design with Vue Router using the adapter pattern.
GitHub
frontend-accessibility
Build accessible user interfaces using semantic HTML, proper ARIA attributes, keyboard navigation, color contrast, and screen reader compatibility. Use this skill when creating or editing UI components, HTML te...
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é.