GitHub
frontend-design
Create UI components following this Expo template's design system. Use when building components, screens, or interfaces for this React Native project.
☆ 0View 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
ui-components
Patterns and conventions for creating agnostic UI components in GeroCare. Trigger: When creating new UI components, reusable components, or building the component library.
☆ 0View skill
GitHub
react-component-patterns
Usa este skill cuando el usuario pida crear o modificar componentes React en el frontend web/. Define patrones de componentes, hooks y estilos.
☆ 0View skill
GitHub
sveltekit
Builds applications with SvelteKit including routing, load functions, form actions, hooks, and adapters. Use when creating Svelte applications with SSR, building full-stack apps, or needing file-based routing w...
☆ 0View skill
GitHub
motion-sv
Documentation and patterns for using motion-sv, a Svelte 5 port of Motion (Framer Motion). Use this when the user wants animations, gestures, or transitions in Svelte.
☆ 0View skill
GitHub
nextjs-architect
SEMPRE use quando trabalhar com Next.js 15/React 19 + shadcn/ui + Tailwind. Arquiteta apps server-first/feature-first com decisões de estado, cache, forms, segurança e performance.
☆ 0View skill
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, artifacts, posters, or applications (examples include website...
☆ 0View skill
GitHub
react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigge...
☆ 0View skill
GitHub
ui-development
Autonomous screenshot-based UI development workflow for React/Tailwind webapps. Use when (1) implementing new UI components or pages, (2) modifying existing visual elements or styles, (3) fixing visual bugs or...
☆ 0View skill
GitHub
sbox-ui-razor
Create UI in S&box using Razor (HTML/CSS/C# hybrid system). Use when building HUDs, menus, healthbars, inventory systems, or any in-game UI. Covers ScreenPanel vs WorldPanel, data binding, state management, Bui...
☆ 0View skill
GitHub
fpkit-component-builder
Build React components using @fpkit/acss library patterns. Scaffolds complete component structures (tsx, types, scss, stories, tests), validates CSS variables follow naming conventions (--component-property wit...
☆ 0View skill
GitHub
fpkit-developer
Guide for building applications with @fpkit/acss components. This skill should be used when composing custom React components from fpkit primitives, validating CSS variable naming conventions, extending fpkit c...
☆ 0View skill
GitHub
frontend-design
Erstellt produktionsreife Frontend-Komponenten mit dem PferdeWert Design-System. Automatisch verwenden bei UI-Entwicklung, Styling, Component-Erstellung.
☆ 0View skill
GitHub
component-generator
Generate production-ready SolidJS components with Kobalte accessibility primitives, CVA variants, and Storybook stories. Use when creating UI components for the frontend application.
☆ 0View skill
GitHub
client-state
Managing local state (Cart, Filters) without excessive re-renders.
☆ 0View skill
GitHub
nextjs-core
Guidelines for App Router, Server Actions, and Data Fetching strategies.
☆ 0View skill
GitHub
ui-design
Design system using Tailwind CSS, Shadcn UI, and the 'FreshTrack' Green Theme.
☆ 0View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces. Use in bootstrap pipeline for design docs, or as specialist for UI task implementation.
☆ 0View skill
GitHub
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...
☆ 0View skill
GitHub
fullstack-implementation
Implement features end-to-end in Laravel 12 + Inertia.js + React 19 + TypeScript OR Python + FastAPI + LangChain. Use when building new features, wiring controllers to pages, or implementing CRUD operations. EX...
☆ 0View skill
GitHub
ui-ux-design
Design and implement UI/UX changes using existing components and Tailwind tokens; ensure accessibility. EXCLUSIVE to ui-ux-designer agent.
☆ 0View skill
GitHub
website-development
Use when working on Everything Machine frontend — JavaScript modules, journal entries, viewers, grid layout, bubbles, or CSS styling.
☆ 0View skill
GitHub
react-native
React Native - UI kit, NativeWind/Tailwind styling, hooks, component patterns. Use when working with React Native code.
☆ 0View skill
GitHub
api-types
TypeScript API client - types, React Query, mutations. Use when working with API client code or types.
☆ 0View 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.