GitHub
common-pitfalls
Apply when debugging errors, reviewing code for issues, or encountering unexpected behavior. Contains known mistakes with ChurchTools API, Vue components, TypeScript, Safari cookies, and form handling.
☆ 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
frontend-responsive-design-standards
Build responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design that works across all screen sizes. Use this skill when creating or modifying UI layouts,...
☆ 0View skill
GitHub
frontend-components-standards
Design reusable, composable UI components following single responsibility principle with clear interfaces, encapsulation, and minimal props. Use this skill when creating or modifying frontend components in any...
☆ 0View skill
GitHub
frontend-accessibility-standards
Build accessible user interfaces using semantic HTML, proper ARIA attributes, keyboard navigation, color contrast, and screen reader compatibility. Use this skill when creating or modifying frontend components,...
☆ 0View skill
GitHub
build-ui-component
Generate React components with TypeScript and TailwindCSS. Accepts component name and description as parameters. Use when creating new UI components, building component libraries, or implementing visual element...
☆ 0View skill
GitHub
rxjs-patterns-for-angular
Implement RxJS patterns for reactive programming in Angular. Use this skill when working with Observables, operators, subscriptions, async data flows, and error handling. Covers common patterns like combineLate...
☆ 0View skill
GitHub
angular-cdk-integration
Create components using Angular CDK utilities including drag-drop, overlay, portal, scrolling, a11y, clipboard, and platform detection for ng-events project
☆ 0View skill
GitHub
screenfull-fullscreen-api
Implement fullscreen functionality using screenfull library for cross-browser fullscreen support in ng-events project
☆ 0View skill
GitHub
delontheme-integration
Implement ng-alain theming system with layout configuration, responsive design, menu management, and settings drawer for ng-events project
☆ 0View skill
GitHub
angular-20-standalone-component
Create Angular 20 standalone components using modern patterns: Signals for state management, input()/output() functions (not decorators), @if/@for/@switch control flow (not *ngIf/*ngFor), inject() dependency in...
☆ 0View skill
GitHub
ng-alain-component-development
Create components using ng-alain (@delon/abc) and ng-zorro-antd UI libraries. Use this skill when building enterprise UI features with ST (Simple Table), SF (Schema Form), ACL (Access Control), PageHeader, Reus...
☆ 0View skill
GitHub
delonform-dynamic-schema-forms
Create dynamic schema-based forms using @delon/form (SF component). Use this skill when building complex forms with validation, conditional rendering, async data loading, custom widgets, and multi-step workflow...
☆ 0View skill
GitHub
ink-cli
Build terminal CLI apps using Ink (React for CLIs). This skill should be used when the user wants to create command-line interfaces with React components, terminal UIs, interactive CLI tools, or needs help with...
☆ 0View skill
GitHub
create-ui-component
Use this skill when creating a new React UI component. It provides a consistent Lumina-style template.
☆ 0View skill
GitHub
create-interactive-menu
Use this skill when creating dropdowns, context menus, or overlays that need a polished UX (open/close animation, click-outside, Escape, etc.).
☆ 0View skill
GitHub
react-component-developer
Expert in React 19 and Next.js 16 development with modern patterns including Server Components, hooks, and performance optimization. Use when creating new UI components, refactoring React code, or implementing...
☆ 0View skill
GitHub
t-sui
Server-rendered TypeScript UI framework. Use when building t-sui applications, creating UI components, handling forms with server actions, using data tables, setting up routes, or implementing WebSocket patches...
☆ 0View skill
GitHub
component-refactor
Guia refatoração de componentes React seguindo padrões do Plataforma B2B de treinamento técnico corporativo, reduzindo duplicação e criando componentes genéricos reutilizáveis
☆ 0View skill
GitHub
create-inertia-page
Scaffolds a new Vue 3 Inertia page. Use when creating frontend pages (e.g., "Create a student list page" or "Make a create form for courses").
☆ 0View skill
GitHub
tailwindcss
Guide for implementing Tailwind CSS - a utility-first CSS framework for rapid UI development. Use when styling applications with responsive design, dark mode, custom themes, or building design systems with Tail...
☆ 0View skill
GitHub
nextjs
Guide for implementing Next.js - a React framework for production with server-side rendering, static generation, and modern web features. Use when building Next.js applications, implementing App Router, working...
☆ 0View skill
GitHub
shadcn-ui
Guide for implementing shadcn/ui - a collection of beautifully-designed, accessible UI components built with Radix UI and Tailwind CSS. Use when building user interfaces, adding UI components, or implementing d...
☆ 0View skill
GitHub
ux-polish
Define UI tokens, accessibility rules, and consistent component behavior for the Astro frontend, plus empty/loading/error states and light hover/focus transitions. Use when adding or refining frontend UX polish...
☆ 0View skill
GitHub
innozverse-web-style
Follow Next.js web development patterns including App Router conventions, client/server components, API client usage, and environment variables. Use when building web features, creating pages, or working with N...
☆ 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.