GitHub
pca-ui-builder
Gera prototipos React (SPA) visuais completos num unico ficheiro HTML. Utiliza Tailwind e shadcn/ui. Ideal para visualizar dashboards do PCA Camocim.
☆ 0View skill
Search results for “React”
Skills matching the name, description or GitHub author.
Categories: tools frontend
Browse skills
GitHub
pca-ui-v2
Gera prototipos React (SPA) visuais completos num unico ficheiro HTML para o PCA Camocim. Versao 2 com shadcn/ui.
☆ 0View skill
GitHub
component-generator
Generates React 19 components using Shadcn/ui v4 and Radix UI primitives for the NABIP AMS. Use when creating forms, dialogs, data tables, dashboards, or custom UI components that follow the Apple/Stripe-inspir...
☆ 0View skill
GitHub
screen-recreator
Production-ready React Native screen creator that implements screens following established project patterns, enforcing best practices (NO mock data, real Supabase queries, BaseScreen wrapper, safe navigation, a...
☆ 0View skill
GitHub
screen-analyzer
Comprehensive React Native screen analysis tool that systematically extracts every feature, component, interaction, and detail from existing screens. Use BEFORE recreating ANY screen to ensure 100% feature pari...
☆ 0View skill
GitHub
typescript-basics
TypeScript patterns for React including interfaces, type annotations, generics, null handling, and utility types. Use when writing type-safe React code.
☆ 0View skill
GitHub
react-patterns
React component patterns including functional components, hooks, state management, API integration, loading/error states, and event handlers. Use when creating or reviewing React components.
☆ 0View skill
GitHub
frontend-components
Build reusable, composable UI components with single responsibilities, clear prop interfaces, proper state management, and minimal coupling. Use this skill when creating or editing React components (.tsx, .jsx...
☆ 0View skill
GitHub
frontend-css
Write consistent, maintainable CSS following the project's methodology (Tailwind utility classes) while minimizing custom CSS and adhering to design system tokens. Use this skill when writing or editing CSS fil...
☆ 0View skill
GitHub
frontend-responsive
Implement mobile-first responsive designs with fluid layouts, breakpoints, relative units, and touch-friendly interfaces that work across all device sizes. Use this skill when writing or modifying React compone...
☆ 0View skill
GitHub
frontend-accessibility
Implement accessible user interfaces with semantic HTML, keyboard navigation, sufficient color contrast, screen reader support, ARIA attributes, and proper focus management. Use this skill when creating or edit...
☆ 0View skill
GitHub
frontend-accessibility
Build accessible user interfaces following WCAG 2.2 standards with proper semantic HTML, ARIA attributes, keyboard navigation, and screen reader support. Use this skill when creating or modifying UI components,...
☆ 0View skill
GitHub
frontend-components
Design and build reusable, maintainable UI components following modern architecture patterns for React, Vue, or other frameworks. Use this skill when creating component files (.jsx, .tsx, .vue), implementing co...
☆ 0View skill
GitHub
electron-fsd
This skill should be used when developing Electron applications with Feature-Sliced Design (FSD) architecture and React 19. Triggers on requests to create components, features, entities, widgets, or pages follo...
☆ 0View skill
GitHub
front-end-structure
Build Vue 3 + Ionic front-end components following Orchestrator AI's strict architecture: stores hold state only, services handle API calls with transport types, components use services and read stores. CRITICA...
☆ 0View skill
GitHub
react-frontend-development
Build React components with TypeScript, Tailwind CSS, and React Query for the Medellin Spark platform. Use when implementing UI features, creating components, managing state, or optimizing frontend performance....
☆ 0View skill
GitHub
supabase-frontend-integration
Connect React frontend pages to Supabase database with TypeScript, React Query, and proper error handling. Use when integrating Supabase with website pages, setting up database queries, or replacing mock data w...
☆ 0View skill
GitHub
frontend-designer
Expert front-end design critique, refinement, and polish for existing interfaces. Use this skill when the user asks for a design pass, visual polish, design critique, aesthetic improvements, or UI refinement on...
☆ 0View skill
GitHub
frontend-design-standards
Use when generating React/TypeScript UI components, forms, layouts, or pages - prevents generic AI aesthetic, enforces accessibility, semantic HTML, theme compliance, minimum text sizes, proper states, and bran...
☆ 0View skill
GitHub
artifacts-builder
Suite of tools for creating elaborate, multi-component minimax.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, ro...
☆ 0View skill
GitHub
frontend-patterns
Build React components and pages in IdeaForge frontend. Triggers: new component, dark mode, API calls, React Context, SSE streams, Tailwind styling. Stack: Next.js 16 App Router, React 19, TypeScript, Tailwind,...
☆ 0View skill
GitHub
vue
Use when working with Vue.js 3 projects - provides patterns for Composition API, reactivity, components, and best practices from official Vue.js documentation
☆ 0View skill
GitHub
using-action-state
Teaches useActionState hook for managing form state with Server Actions in React 19. Use when implementing forms, handling form submissions, tracking pending states, or working with Server Functions.
☆ 0View skill
GitHub
using-reducers
Teaches useReducer for complex state logic in React 19. Use when state updates depend on previous state, multiple related state values, or complex update logic.
☆ 0View skill
Popular categories
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.