LoserLab

@loserlab source repo

6 skills
0 followers
6 hours ago last updated

▌
Devourer · loserlab bundle
Component Theme Generator that transforms color palettes into production-ready UI components. Use when the user requests themed components (buttons, cards, inputs, forms, etc.) based on a color system or palette, especially when consuming output from Hexed or other color generation tools. Generates complete component code in React, Vue, or HTML+CSS with proper theming, variants, states, and accessibility considerations.

0
installs
▌
Eyes Peeled · loserlab bundle
EYES PEELED - Contrast & Accessibility Validator

0
installs
▌
Gridlock · loserlab bundle
Layout and spacing system analyzer that reverse-engineers grid systems, spacing rhythms, and density profiles from visual design references. Use when the user requests layout analysis from screenshots, editorial layouts, app screens, or website designs. Extracts grid primitives (column count, margins, gutters), spacing scales, breakpoint patterns, nested grid systems, and implementation recommendations (CSS Grid vs Flexbox). Ideal for design-to-code workflows, particularly when used alongside Hexed (colors), Specimen (typography), and Devourer (component generation).

0
installs
▌
Hexed · loserlab bundle
Hexed

0
installs
▌
Meshtastic · loserlab bundle
Generate Python scripts for Meshtastic off-grid mesh network devices. Use this skill when users want to create automation, alerts, logging, or monitoring scripts for their Meshtastic devices. Designed for non-technical users who need complete, ready-to-run code.

0
installs
▌
Specimen · loserlab bundle
Typography system compiler that generates structured type scales, font stacks, and typographic tokens. Use when users request type systems, font scales, typography tokens, design system typography, or ask to create/export typographic styles. Pairs with hexed for complete design systems.

0
installs

6 published skills