igrlebed

@igrlebed source repo

21 skills
0 followers
2 hours ago last updated

▌
Lazyweb · igrlebed
Lazyweb is the design-evidence skill for AI coding agents. Use it before designing, critiquing, or changing product UI when the agent needs real app screenshots, competitor references, best practices, quick examples, creative cross-category ideas, paywall optimization guidance, or mobile growth and monetization A/B test context. It can also route explicit requests to update the local Lazyweb skill pack. It routes to the right Lazyweb mode and tells the agent to use Lazyweb MCP tools instead of guessing from generic training data.

0 installs
▌
Lazyweb Update · igrlebed
Update the local Lazyweb skill pack from GitHub and reinstall Lazyweb skills into supported local coding clients and agentic IDEs. Use when the user asks to update Lazyweb, refresh stale Lazyweb slash commands, sync local skills, reinstall the skill pack, or make Codex/Claude/Cursor/OpenCode/Kiro/Factory/ Slate/Hermes pick up the latest Lazyweb skills.

0 installs
▌
Cursor Designer Dev · igrlebed
Use when writing, refactoring, or architecting code components, composables, hooks, stores, reviewing code quality, extracting business logic, or working on component-level architecture (Vue/Nuxt or React/Next).

0 installs
▌
Lazyweb Paywall Cta · igrlebed
Critique and rewrite a paywall primary CTA (and adjacent microcopy) by reading the target screen, diagnosing CTA-level conversion friction, and producing ranked CTA candidates backed by Lazyweb's paywall CTA corpus, real before/after A/B observations, and divergent mechanism examples. Use when the user wants to evaluate, rewrite, or stress-test a paywall CTA — not a full paywall redesign.

0 installs
▌
Cursor Designer Arch · igrlebed
Use when initializing a project, choosing Vue/React, setting up Nuxt + Nuxt UI or Next.js, looking up latest stable versions, defining directory structure, making architectural decisions, or scaffolding docs templates.

0 installs
▌
Cursor Designer Core · igrlebed
Fundamental rules for designer-developer workflow on Vue/Nuxt or React/Next projects. Defines project structure, naming, scope boundaries, and review checklist. Stack comes from ARCHITECTURE or detection — not hardcoded.

0 installs
▌
Cursor Designer Data · igrlebed
Use when working with data, API calls, mock data, JSON files, useAsyncData, useFetch, React data fetching, state management, or defining data contracts and endpoints for sections.

0 installs
▌
Lazyweb Quick Search · igrlebed
Use the Lazyweb search MCP tool directly for quick industry references before designing or changing UI. Does not generate a report. Use when the agent needs a lightweight best-practice check from real app screenshots, wants to inspect search coverage, or should grab a few references before building. Trigger on: "quick search", "search Lazyweb", "use lazyweb_search", "quick industry references", "check examples before designing", "look up UI references first".

0 installs
▌
Cursor Designer Visual · igrlebed
Use when working on UI, layout, design implementation, pixel-perfect tasks, styling, colors, spacing, typography, animations, responsive behavior, or implementing sections from a Figma/design mockup (Vue or React).

0 installs
▌
Lazyweb Design Improve · igrlebed
Capture a screenshot of the user's current design, find similar screens in Lazyweb, and generate concrete improvement ideas backed by real references. Use when the user has an existing design and wants feedback or improvement suggestions. Trigger on: "improve this design", "how can I make this better", "critique my design", "design feedback", "what should I change", "make this look better", "compare my design to", "design review".

0 installs
▌
Cursor Designer Handover · igrlebed
Use when preparing code for transfer to the frontend team, finalizing tasks, cleaning up code, running pre-handover checks, or verifying code quality before delivery to developers.

0 installs
▌
Lazyweb Ab Test Research · igrlebed
Research mobile growth, monetization, onboarding, checkout, paywall, cancellation, pricing, activation, or other product A/B tests using Lazyweb experiment evidence. Use when the user asks for A/B tests, experiments, test ideas, growth hypotheses, or PM strategy based on what other apps have tried.

0 installs
▌
Lazyweb Optimize Paywall · igrlebed
Optimize a mobile or web paywall by reading the target screen, diagnosing conversion friction, and producing 2-4 falsifiable redesign hypotheses backed by Lazyweb paywall references, experiment evidence, conventions, and divergent design moves. Use when the user wants to redesign, improve, critique, or optimize a paywall screen for paid conversion.

0 installs
▌
Lazyweb Optimize Sign Up · igrlebed
Optimize a sign-up / registration screen by reading the target screen, diagnosing signup friction, and producing 2-4 falsifiable redesign hypotheses backed by Lazyweb sign-up references, experiment evidence, conventions, and divergent design moves. Use when the user wants to redesign, improve, critique, or optimize a sign-up screen for signup completion rate (account creation, email capture, onboarding entry).

0 installs
▌
UX Specification Builder · igrlebed bundle
Builds and maintains product UX design specifications from a codebase (no implementation code in the doc). Use when the user asks for UX spec, design specification, CJM, user stories, screen map, gap analysis vs code, or to sync docs/UX_SPECIFICATION.md after feature changes — including narrated updates like "сделали X, обнови спеку".

0 installs
▌
Cursor Designer Storybook · igrlebed bundle
Builds and maintains Storybook as the central design-system component vitrine for Vue/Nuxt or React/Next projects. Discovers the project's components, tokens, and naming first, then applies a fixed Storybook Docs anatomy (Preview ground muted|card|float, token-first Usage, docs chrome, MDX mirrors, framework stubs). Use for Storybook setup, DS catalog, migration from /design-system, Foundations, Preview canvas rules, or /storybook — not Soft*-specific.

0 installs
▌
Lazyweb Design Brainstorm · igrlebed
Cross-pollination design brainstorm. Deliberately searches outside the obvious category to find novel patterns that could be applied in unexpected ways. The "zig when everyone zags" skill — finds inspiration from domains nobody in your space is looking at. Trigger on: "brainstorm design ideas", "creative alternatives for", "design exploration", "what if we tried", "unconventional approach to", "fresh ideas for", "think outside the box", "surprise me".

0 installs
▌
Impeccable · igrlebed bundle
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.

0 installs
▌
Lazyweb Deep Design Research · igrlebed bundle
Deep design research combining Lazyweb's screenshot database with web research. Produces a prototype-first HTML report with side-by-side prototypes and a clustered inspo map. Use when the user needs competitive analysis, best practices research, or wants to understand how the best apps handle a specific design problem. Trigger on: "best practices for", "how should I design", "what do top apps do", "competitive analysis for", "design research on", "what works well for", "research how others do".

0 installs
▌
Lazyweb Lite Design Research · igrlebed
Find app screenshots and UI references quickly. Embeds Lazyweb results by storage-backed URL and groups them by pattern. Use when the user wants to see examples of a specific screen, UI element, or flow without a full research report. Trigger on: "show me examples of", "how do other apps do", "design inspiration for", "UI reference for", "what does X's app look like", "find screenshots of", "show me how", "references for".

0 installs
▌
Lazyweb Design Best Practices · igrlebed
Lazyweb's curated router to the best design skills in the world — used as context, never installed. 19 design aspects (web animation, frontend quality, landing pages, typography, color, design systems, accessibility, UX writing, mobile, dashboards, icons/SVG, 3D/WebGL, email, forms, data tables, responsive layout, brand identity, video, Figma-to-code) each have a ranked, evidence-backed list of the top community-rated skills with direct pointers to their instruction files, plus a skeptic-verified hidden-gems list. Match the user's design task to a section, fetch the winning skill's SKILL.md from its pointer URL, and follow it while doing the task. Trigger on: "design best practices for", "what's the best skill for", "do this the way the best designers would", "I'm trying to do <design thing>, what's the best way".

0 installs

21 published skills