Tag: frontend-development
Implementing Keyboard Shortcuts in LobeHub
A technical guide for registering and managing keyboard shortcuts within the LobeHub framework. It covers updating enums, configuring key combinations, and organising i18n translations and custom hooks.
Baserow In-App Notification Implementation
Provides a structured approach for implementing or updating in-app notifications within the Baserow ecosystem, covering backend notification types and frontend rendering logic. It details patterns for event handling, target routing, and dup…
LobeHub Internationalisation Management Skill
Provides a standardised workflow for managing internationalisation in LobeHub using react-i18next, covering key naming conventions and locale file updates.
Modern Web Development Best Practices
Provides a comprehensive guide for implementing modern web development standards, covering security, browser compatibility, and performance optimisation.
Dynamic Design System Generator
An agentic skill that generates a project-aware DESIGN.md by analysing codebase structures via Octocode MCP local tools. It establishes a comprehensive UI architecture including design tokens, component patterns, and accessibility standards…
UI Component and Styling Guidelines
Defines implementation standards for responsive UI components using Shadcn UI, Radix UI, and Tailwind CSS. It covers patterns for data fetching with SWR and managing loading states in Next.js applications.
Mémoire Design System and Research Tooling
A design system and research layer for frontend development that facilitates design audits, research synthesis, and design-to-code generation. It integrates with Figma, Tailwind, and shadcn/ui using Atomic Design principles.
Vercel React and Next.js Performance Guidelines
A comprehensive set of performance optimisation rules for React and Next.js applications, covering critical patterns like eliminating waterfalls and reducing bundle size. It provides actionable guidelines for writing, reviewing, or refactor…
Web Artifacts Builder for Claude
A suite of scripts for generating complex, multi-component React and Tailwind CSS artifacts for Claude.ai. It enables the creation of self-contained, single-file HTML bundles using shadcn/ui and Parcel.