GitHub
hooks
Create React hooks that bridge ECS and Zustand with React
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
inertia
How to work effectively with Inertia, always use when developing frontend features
GitHub
react
How to work effectively with React, always use when developing frontend components
GitHub
tailwind
How to work effectively with Tailwind CSS, always use when styling frontend features
GitHub
shadcn
How to work effectively with shadcn/ui components, always use when adding UI components
GitHub
nextjs-expert
Next.js 14+ App Router 开发专家,提供最佳实践、性能优化和现代化开发指导
GitHub
web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
GitHub
layout-grid
Design-focused grid layout system with fluid scaling, responsive columns, and resolution-independent patterns. Use when creating page layouts, card grids, or multi-column designs.
GitHub
icons
Use consistent Lucide icons with the component. Use when adding icons to pages, buttons, or UI elements.
GitHub
data-attributes
Using data-* attributes as the HTML/CSS/JS bridge for state, variants, and configuration. Use when managing element state, styling variants, or configuring behavior without JavaScript classes.
GitHub
progressive-enhancement
HTML-first development with CSS-only interactivity patterns. Use when building features that work without JavaScript, using native HTML elements, CSS pseudo-classes, and the View Transitions API.
GitHub
custom-elements
Define and use custom HTML elements. Use when creating new components, defining custom tags, or using project-specific elements beyond standard HTML5.
GitHub
frontend-dev
Frontend development skill for React, Next.js, Tailwind CSS, and TypeScript. Use when implementing web frontend features.
GitHub
ui-ux-design
UI, UX, 디자인, UI 디자인, UX 디자인, 사용자 경험 - Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts...
GitHub
frontend-design
프론트엔드, 프론트, 웹 디자인, UI 개발, 웹 개발 - Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applicat...
GitHub
writing-revealjs-presentations
Use when creating or editing reveal.js presentations, or when user mentions slides, presentations, reveal.js, code examples in slides, speaker notes, or slide design - enforces Tailwind CSS, proper code sizing,...
GitHub
writing-revealjs-presentations
Use when creating or editing reveal.js presentations, or when user mentions slides, presentations, reveal.js, code examples in slides, speaker notes, or slide design - enforces Tailwind CSS, proper code sizing,...
GitHub
landing-page-guide-v2
Create distinctive, high-converting landing pages combining proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages with Next.js 14+ and ShadCN UI that avoid generic...
GitHub
frontend-patterns
React/Next.js data patterns - React Query hooks, ORPC client integration, error handling, cache invalidation. Complements frontend-design skill (visuals).
GitHub
designer
Design assistant for UI mockups/wireframes, responsive HTML/CSS builds, brand kits, and presentation decks. Trigger when Codex needs to propose visual direction, lay out screens, draft or refine HTML/CSS for pa...
GitHub
landing-page-architect
Generate content strategy and component recommendations for landing pages. Analyzes implementations to create StoryBrand-structured pages with brand-aligned Shadcn component queries.
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI a...
GitHub
frontend-design
Crear componentes React con TailwindCSS siguiendo los patrones del proyecto. Usar cuando se pida crear páginas, componentes UI, o modificar el diseño frontend.
GitHub
reactive-ui-patterns
Build reactive user interfaces by orchestrating FixiPlug state management and DOM manipulation. Use when creating dynamic interfaces that respond to application state changes, coordinate async operations, or im...
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é.