luko248
- 38 skills
- 0 followers
- 7 hours ago last updated
- ▌ Figma Generate Design · luko248Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.
- ▌ CSS First · luko248 bundleCSS-first expert guidance with live Web Platform Baseline data. Use for CSS implementations, modern CSS features, browser support, Baseline status, progressive enhancement, or newly available web-platform features.
- ▌ Figma Use · luko248 bundle**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variables or tokens, build components and variants, modify auto-layout or fills, bind variables to properties, or inspect file structure programmatically.
- ▌ Neuron API · luko248Create API integration packages using RTK Query in Neuron monorepo. Use when setting up new API clients, integrating OpenAPI specs, or creating API packages. Covers package structure, TypeScript configuration, Redux integration, and component usage patterns. Generates type-safe API clients with automatic caching and state management.
- ▌ Neuron Auth · luko248Integrate @neuron/auth package for authentication in Neuron applications. Use when setting up authentication, protecting routes, or implementing login/logout flows. Covers Redux integration, ProtectedRoute configuration, component usage patterns, and permission-based access control. Provides complete auth flow with automatic redirects and session management.
- ▌
- ▌
- ▌ Neuron Redux · luko248Implement Redux state management using Redux Toolkit in Neuron applications. Use when setting up store, creating slices, or integrating middleware. Covers store configuration, slice creation with createSlice, RTK Query integration, middleware setup (redux-observable, logger), and component usage patterns. Provides type-safe Redux implementation.
- ▌ Make Blog Post · luko248 bundleCopywriter helper: reads user-provided sources/URLs and generates a blog post (MDX in Slovak), LinkedIn post (Slovak), and Spotify podcast description (Czech) with 🎙️ title. No research — user supplies the content sources.
- ▌
- ▌
- ▌
- ▌
- ▌ Jira Integration · luko248 bundleAtlassian Jira integration skill (READ-ONLY). Use this skill when the user asks about Jira issues, wants to search Jira with JQL, list projects, fetch issue comments, attachments, or any other Jira-related task. Provides 7 read-only tools. NEVER write, create, update, or delete anything in Jira.
- ▌
- ▌
- ▌ Neuron UI Layout · luko248Layout-related UI components such as Dock, Footer, PRProvider, ActionBar, and Layout wrappers.
- ▌
- ▌
- ▌
- ▌
- ▌ Figma Code Connect · luko248 bundleCreates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component mapping, design-to-code translation, or asks to create/update .figma.js files.
- ▌ Neuron Code Review · luko248Perform comprehensive code review for production readiness. Use when asked to 'review code', 'review changes', 'check my code', or before merging. Validates type safety, error handling, performance, code structure, React best practices, and Clean Code principles. Outputs structured review with severity levels (Critical/Important/Suggestions) and merge readiness assessment.
- ▌ Neuron Code Tables · luko248Create and manage static code tables in Neuron applications. Use when implementing dropdowns, status indicators, or predefined value lists. Covers code table structure, SCT enum definition, data creation, registration, and UI component integration. Provides type-safe centralized data management for consistent application data.
- ▌
- ▌
- ▌ Neuron Unit Testing · luko248Authoritative rules and patterns for writing unit tests in the Neuron frontend monorepo. Use when creating or updating tests.
- ▌ Neuron Pages Routing · luko248Create pages and configure routing in Neuron applications. Use when adding new pages, defining routes, or setting up navigation. Covers page structure, route definitions, React Router integration, Helmet metadata, lazy loading, and protected routes. Provides step-by-step page creation and routing workflow.
- ▌ Neuron UI Composites · luko248Reusable UI composite components like feature containers, maps, sticky headers.
- ▌
- ▌ Neuron Content Helmet · luko248Manage document head metadata in Neuron applications. Use when wiring the root app shell, page titles, meta tags, or Helmet placement with PRProvider, LayoutProvider, and Layout.
- ▌ Confluence Integration · luko248 bundleAtlassian Confluence integration skill (READ-ONLY). Use this skill when the user asks about Confluence pages, wants to search Confluence with CQL, retrieve page content, or any other Confluence-related task. Provides 2 read-only tools. NEVER write, create, update, or delete anything in Confluence.
- ▌
- ▌ Neuron Package Creation · luko248Create packages in Nx workspace with proper structure and configuration. Use when creating new packages under packages/ directory. Covers package structure, configuration files (package.json, project.json, tsconfig), Nx integration, and TypeScript path aliases. Provides step-by-step package creation workflow.
- ▌ Neuron UI Error Handling · luko248Implement error handling using ErrorBoundary and ErrorPage components in Neuron applications. Use when adding error boundaries, creating error pages, or handling component errors. Covers ErrorBoundary setup, ErrorPage component, useErrorBoundary hook, and error logging integration. Provides robust error handling patterns.
- ▌ Neuron Content Layout System · luko248Apply the Neuron layout system for page composition, grid structure, spacing, and nested containers. Use when deciding between CSS Grid, simple d-grid stacking, AutoLayout, and Neuron spacing utilities.
- ▌ Neuron Project Folder Structure · luko248Understand folder structure patterns for Neuron React projects. Use when creating files, organizing components, or structuring features. Covers application structure (elements, features, pages, routing, store), package organization, and file placement rules. Provides clear guidelines for where to place different types of files.
- ▌ Neuron Form Composition And Validation · luko248Implement forms using React Hook Form and Zod validation in Neuron applications. Use when creating forms with validation, required fields, or dynamic field arrays. Covers schema definition, default values, form composition, field arrays, conditional validation, and required field patterns. Provides type-safe form implementation with i18n support.