@onno’s sleeve

Sleeved
116
Member since
May 2026

Sleeved links

  • July 2026
  • mintlify.com
    • ai
    • tools

    The Knowledge Platform Built for Agents

    The page presents Mintlify’s pricing for its knowledge platform, marketed as self-updating documentation for startups, enterprises, and AI agents.

  • photogradient.com
    • design

    Photo Gradient

    Photo Gradient is a web tool that generates gradient color palettes either from user-selected colors or from an uploaded photo.

  • ryan.ceo
    • design

    Ryan Vogel

    The page is a portfolio website for Ryan Vogel, presenting his work as a software engineer. It serves as an introduction to his background and professional profile.

  • integrations.sh
    • ai
    • backend

    every integration, in every format agents speak

    Integrations.sh is a directory of agent-accessible services, including official APIs, GraphQL endpoints, and MCP servers, with structured credential information for integrations. The site focuses on listing “every integration, in every format agents speak.”

  • heroicons.com
    • front-end
    • design

    Heroicons

    Heroicons is a library of beautiful, hand-crafted SVG icons created by the makers of Tailwind CSS. It provides downloadable and customizable icon sets for web and UI development.

  • June 2026
  • raycast.com
    • tools
    • front-end

    Raycast Store: Sleevy - Manage Your Bookmarks

    The Raycast Store page for “Sleevy” describes an applet that helps users manage bookmarks by allowing them to add, view, and delete items.

  • cloud.google.com
    • backend
    • security

    How the Open Knowledge Format can improve data sharing

    The page explains how Google’s Open Knowledge Format (OKF) standardizes metadata/documentation to make data sharing more secure and reliable, while improving collaboration across teams. It highlights how consistent data descriptions can reduce friction in sharing and reuse of datasets.

  • github.com
    • tools
    • backend

    Twarner491/AvianVisitors: A live bird collage from your window.

    The GitHub repository “Twarner491/AvianVisitors” describes a live bird collage that updates from a user’s window. It invites contributions from others to help develop the project.

  • refero.design
    • design

    UI/UX Design Inspiration for Your Next Project

    Refero is a website that provides a large collection of UI/UX design inspiration, including tens of thousands of screenshots for web and iOS. It offers advanced search capabilities to help users find relevant references for their next project.

  • useshelf.dev
    • tools
    • front-end
    • ai

    Shelf: Save links to Telegram

    Shelf is a small browser extension for saving links in Telegram. Clicking the extension sends the current page to your private bot chat.

  • x.com

    http://vercel.com/design.md

  • aside.com
    • ai
    • tools
    • front-end
    • backend

    The browser built to do real work for you

    Aside is a web browser focused on helping users get complex tasks done across websites, accounts, and browsing history.

  • transitions.dev
    • front-end
    • design

    Essential transitions for web apps

    Transitions.dev is a curated collection of essential web app transition patterns that developers can copy and paste into their own projects.

  • interfacecraft.dev
    • design

    Interface Craft

    Interface Craft is a website for a “working library” aimed at developers committed to designing with uncommon care.

  • flask.do
    • ai
    • tools

    Give Detailed Video Feedback in Minutes, Without Typing

    The page describes Flask, a tool for giving detailed video feedback quickly by recording and speaking while the system automatically writes, organizes, and timestamps the feedback into structured, actionable comments, with options for screen/video annotations and sharing references.

  • stylexjs.com
    • design
    • front-end
    • tools

    StyleX — The styling system for ambitious interfaces

    StyleX is a styling system designed for building ambitious user interfaces, and it is described as the styling system that powers Meta.

  • harshjdhv.com
    • front-end
    • typescript
    • design

    Harsh Jadhav

    The page is a personal/professional website for Harsh Jadhav (harshjdhv) describing him as a software engineer in Mumbai. It highlights his work building React UI components and user-facing applications, along with the systems behind them.

  • youtube.com

    Building an Effect-native MCP Server – Part 1

    The YouTube video “Building an Effect-native MCP Server – Part 1” (hosted on www.youtube.com) presents the first part of a walkthrough for building an MCP server, likely covering setup and initial implementation steps.

  • vercel.com
    • ai
    • tools
    • backend

    Program Claude Code, Codex, Pi and other agent harnesses with AI SDK

    Vercel’s changelog announces AI SDK v7, which adds a unified API for running agent harnesses such as Claude Code and Codex. It supports sandboxed sessions and streaming that’s compatible with AI SDK.

  • github.com
    • ai
    • tools

    mozilla-ai/cq: An open standard for shared agent learning. Agents persist, share, and query collective knowledge so they stop rediscovering the same failures independently.

    The GitHub repository “mozilla-ai/cq” describes an open standard for shared agent learning, enabling agents to persist, share, and query collective knowledge to avoid independently repeating the same failures.

  • t.co

    OpenCode Data

    The page appears to provide OpenCode usage data, including market share information and related cost metrics such as token cost and session cost.

  • t.co
    • ai
    • tools
    • front-end
    • typescript

    Leonxlnx/lumenshaders: LUMEN, a generative shader studio. 9 WebGL2 art modes plus synth style blending, perfect-loop animation, gradient sets, share codes and PNG/WebM/GIF export. Zero dependencies.

    The GitHub repository “Leonxlnx/lumenshaders” describes “LUMEN,” a generative WebGL2 shader studio featuring nine art modes with synth-style blending, perfect-loop animations, gradient sets, share codes, and export to PNG/WebM/GIF with zero dependencies.

  • shopify.engineering
    • ai
    • backend

    Quick: An internal hosting platform for the AI era (2026) - Shopify

    Shopify’s internal platform “Quick” enables employees to ship a website in seconds. The page describes how Quick supports faster development and has influenced Shopify’s culture around building and sharing.

  • github.com
    • ai
    • tools
    • backend

    RyanCodrai/turbovec: A vector index built on TurboQuant, written in Rust with Python bindings

    The GitHub repository “RyanCodrai/turbovec” describes a Rust-based vector index built on TurboQuant, with Python bindings. It provides tooling to use the vector index from Python.

  • x.com
    • ai
    • tools
    • front-end

    We just launched 𝚟𝚎𝚛𝚌𝚎𝚕-𝚌𝚘𝚖𝚙𝚘𝚜𝚒𝚝𝚒𝚘𝚗-𝚙𝚊𝚝𝚝𝚎𝚛𝚗𝚜: every lesson from the talk below, now available as a skill. Turn your React code into something you (and your LLM) enjoy working with. ▲ ~/ npx skills add vercel-labs/agent-skills

    The post announces the launch of “vercel-composition-patterns,” a new Vercel skill that packages lessons from a talk into an installable skill for LLMs. It suggests adding it via an npx command and credits @fernandorojo.

  • x.com
    • ai
    • tools

    Vibe coding tip: 1) Install agent-browser globally on your machine 2) Add this to your AGENTS.md dev workflow: After every change, verify all changes with agent-browser and fix any UI/UX issues. Do not stop until all changes have been verified.

    The post shares a “vibe coding” tip: install the “agent-browser” tool globally and include it in an AGENTS.md dev workflow to verify UI/UX after every change until everything is fully checked and fixed.

  • github.com
    • tools

    kitlangton/stack

    The GitHub repository page for “kitlangton/stack” invites users to contribute to the project by creating an account on GitHub. The provided information does not describe the repository’s purpose, code, or features.

  • x.com
    • ai
    • tools
    • security
    • backend

    Some tips to help agents understand your codebase: 1. The source code either needs to be the source of truth, or have something legible as a path to the source. For example, if marketing site content is actually stored in a CMS, you need to either delete the CMS and move that content into code, or make the CMS legible through and MCP, CLI, or skill: https://leerob.com/agents 2. Agents need to be able to verify their work. This includes but is not limited to: using a typed language, having high-quality and fast tests, having a well-configured linter: https://x.com/leerob/status/2026369424450523348 3. You need to have a concise and effective AGENTS.md file, which is included in every message to your agent. Models are quite good now, so some things you can omit as the models know them. You don’t need to say the tests live inside /tests for example. It’s worth asking the models to find things in your codebase and making sure they’re named what the models might expect, otherwise consider refactoring: https://cursor.com/learn/customizing-agents 4. Set up automations which give you suggestions for refactoring code, catching security issues which may have slipped through code review, and optionally continuous documentation of the codebase. You can effectively create a self-driving codebase which gets better while you sleep: https://cursor.com/blog/security-agents

    The post outlines tips for making a codebase “agent-friendly,” including ensuring the source of truth is accessible to agents, providing verification via typed languages, tests, and linters, and maintaining a concise AGENTS.md included with each interaction. It also recommends setting up automations for refactoring suggestions, security issue detection, and continuous documentation.

  • x.com
    • typescript
    • tools
    • ai

    I almost exclusively use Effect and XState together now when writing TypeScript

    The post discusses using the Effect library together with XState when writing TypeScript, describing the author’s workflow and integration preference.

  • baselayer.sh
    • backend
    • ai

    How I built the fastest browser infrastructure

    The page describes how BaseLayer built high-performance browser infrastructure, achieving 224ms p50 sequential lifecycle latency on Chromium. It covers the use of Firecracker microVMs and snapshot restore to speed up browser startup and lifecycle handling.

  • blossom-carousel.com
    • front-end
    • tools

    Native-first carousel library

    Blossom Carousel is a native-first carousel library that enhances native scrolling by adding drag interactions instead of replacing the browser’s default scrolling behavior. The site positions it as focused on improving UX while keeping native performance and behavior.

  • sitespeed.io
    • tools
    • backend
    • front-end

    Welcome to the wonderful world of Web Performance

    Sitespeed.io is an open source web performance analysis and optimization tool that helps evaluate a website’s speed using performance best practices. It focuses on measuring and improving web performance.

  • dev.to
    • typescript

    TypeScript Tagged Unions are OP

    The page discusses how TypeScript tagged unions can be used to model multiple object shapes more type-safely, improving handling and reducing runtime errors. It explains the approach and likely provides examples of defining and working with tagged union types.

  • x.com
    • ai
    • tools
    • typescript
    • backend
    • front-end

    Introducing React Native Doctor Find performance and security bugs in your mobile app Run via CLI and fix with agents. Fully open source npx react-doctor@latest

    The post introduces “React Native Doctor,” an open-source tool that detects performance and security bugs in mobile apps and can be run via the command line. It’s distributed via an npm command and is intended to use agents to automatically fix issues.

  • May 2026
  • gist.github.com

    # Effect Incremental Adoption: opencode Case Study

    The page is a GitHub Gist titled “Effect Incremental Adoption: opencode Case Study.” It contains a case study describing an incremental adoption approach for “Effect” (likely the Effect programming ecosystem) using the “opencode” project as the example.

  • effect.website
    • ai
    • tools
    • typescript

    This Week in Effect - 2026-05-29

    The page is a weekly roundup from the Effect documentation site, titled “This Week in Effect” for 2026-05-29, summarizing recent updates and news related to the Effect ecosystem. It likely includes links or highlights of changes released around that week.

  • x.com
    • ai
    • tools
    • typescript
    • backend

    Effect at OpenCode Dax Raad | Effect Miami 🇺🇸 2026 https://www.youtube.com/watch?v=hY279-A2fC4

    The page is a post on X (formerly Twitter) from @EffectTS_ promoting “Effect at OpenCode” and mentioning “Dax Raad | Effect Miami 🇺🇸 2026,” with a link to a YouTube video (hY279-A2fC4).

  • byparra.com
    • design

    by Parra

    The page is the homepage for by Parra, an online store selling exclusive products by artist Parra from Amsterdam. It presents the brand’s EU site for its merchandise.

  • github.com
    • tools
    • typescript
    • backend

    franciscop/brownies: 🍫 Tastier cookies, local, session, and db storage in a tiny package. Includes subscribe() events for changes.

    The franciscop/brownies GitHub repository provides a small library for “tastier cookies” that supports local, session, and database storage. It also includes a subscribe() event mechanism to notify changes.

  • x.com
    • ai
    • tools
    • typescript
    • backend

    how i write effect (Effect.gen vs .pipe) i use Effect.gen and yield* for business logic and .pipe for composition and simple transforms

    The post explains the author’s approach to structuring code in the Effect library, contrasting use of `Effect.gen` with `yield*` for core business logic versus `.pipe` for composition and simpler transformations.

  • github.com
    • ai
    • tools
    • typescript
    • design
    • front-end
    • backend

    signerlabs/ShipSwift: AI-native SwiftUI component library with full-stack recipes — connect via MCP for instant access.

    The GitHub repository signerlabs/ShipSwift presents an AI-native SwiftUI component library along with full-stack “recipes.” It also notes that you can connect via MCP for instant access.

  • reddit.com

    V2 Beta 0.61 Out, Huge Changelog! : r/raycastapp

    This Reddit post announces “V2 Beta 0.61” for Raycast and highlights that it includes a large set of changes. The thread likely contains user discussion, reactions, and links/details about the update.

  • github.com
    • tools
    • ai
    • typescript
    • front-end

    Add sleevy extension by Onnokh · Pull Request #27943 · raycast/extensions

    This GitHub pull request proposes adding the “Sleevy” Raycast extension to the raycast/extensions repository. It includes commands to save the current clipboard URL to Sleevy (“Add Sleeve It”) and to add/manage items in the user’s library (“Add Your Library”).

  • speakinginswift.substack.com
    • tools
    • typescript
    • backend

    A Public Symbol Server for Swift on Windows

    The article describes the Browser Company hosting its own Swift toolchain builds for Windows and proposes or details a public symbol server for Swift to support debugging and symbolication. It focuses on the infrastructure and purpose of serving Swift symbols.

  • developer.chrome.com
    • front-end
    • design

    Moderne webrichtlijnen | Modern Web Guidance | Chrome for Developers

    De pagina “Modern Web Guidance” op Chrome for Developers biedt richtlijnen voor het bouwen van webapplicaties voor het moderne web. Het behandelt best practices en aanbevelingen voor onder andere prestaties, betrouwbaarheid en webplatform-compatibiliteit.

  • performance.dev
    • ai
    • backend
    • front-end
    • design
    • tools

    How's Linear so fast? A technical breakdown

    The page explains why Linear feels fast by detailing its architecture, including local-first synchronization, MobX observables, and strategies that enable instant first loads. It also highlights a keyboard-first interaction model as part of its perceived responsiveness.

  • github.com
    • tools
    • typescript
    • front-end

    AndrewPrifer/liquid-dom

    The GitHub repository “AndrewPrifer/liquid-dom” hosts the project’s code and development workflow, inviting contributors to create a GitHub account to contribute. The provided page details do not include specific documentation or functionality beyond the repository listing.

  • developer.mozilla.org
    • front-end

    light-dark() CSS function - CSS | MDN

    MDN documents the CSS `light-dark()` function, which takes two colors (or two images) and returns one based on the user’s active color scheme. It enables scheme-based styling without using a `prefers-color-scheme` media query.

  • developer.mozilla.org
    • front-end
    • design

    contrast-color() CSS function - CSS | MDN

    The MDN page documents the CSS `contrast-color()` function, which takes a color value and returns a contrasting color, typically aiming to meet WCAG AA minimum contrast. It notes that browser implementations may use different algorithms to determine the best contrast.

  • 2026.stateofai.dev
    • ai
    • tools

    State of AI 2026: Other Tools

    The page is a section of the “State of AI 2026” site that lists and describes various additional AI-related tools/resources beyond the main categories. It presents links and brief overviews to help readers discover other platforms and utilities.