When "Pixel Preview" is Enabled, my design is distorted. Vectors and UI Elements that are Aligned to the Pixel Grid perfectly look horrible. Only if I set the UI scale to 80% does the design look good. What's the problem?
▲ 3 r/FigmaAddOns+1 crossposts

When "Pixel Preview" is Enabled, my design is distorted. Vectors and UI Elements that are Aligned to the Pixel Grid perfectly look horrible. Only if I set the UI scale to 80% does the design look good. What's the problem?

What I'm trying to accomplish

I am working on a simple folder Icon. Everything is completely aligned to the pixel grid.

See this example image:

Icon Perfectly Aligned to Pixel Grid

Enabling Pixel Preview

Then I go to the menu, and select Pixel Preview, because I want to preview how the icon will look at 100%.

Here's where I enabled it:

Enabling Pixel Preview

The resulting image and UI components in my file look distorted, some with double borders, etc.

It just looks janky. See for yourself:

Messed up Rendering with Pixel Preview on and UI Scale at 100%

The interface zoom is set to 100%. All shapes are aligned perfectly to the pixel grid.

UI Scale Set to 80% Makes Everything Look Crisp in Pixel Preview

I noticed that if I set the interface scale to 80%, everything looks crisp!

See this image:

Pixel Preview looks Great when UI Scaling is at 80%

But, I can’t work like this - and this is ass-backwards. The UI is way too small on my monitor with the UI at 80% scale.

Why does pixel preview look horrible for me when the interface is at the default 100% scale?

Possibly Related: I have a 4k monitor and my Windows DPI scaling is set to 125%. Could this be causing the issue?

Can someone help?

reddit.com
u/xii — 9 days ago
▲ 3 r/fonts+1 crossposts

Working on a modern revival of the old FontSpace GlyphView application. It's called GlyphLens. Would love to hear feedback and feature suggestions!

So if you don't know, there was an old application called "FontSpace GlyphView" that was a great app for viewing all detailed information about a typeface, and had a nice grid view of all defined glyphs in a font.

Unfortunately it's become quite dated, doesn't support WOFF/WOFF2 well, and completely chokes on variable fonts.

So I'm working hard on a new application that completely reimagines this classic tool using modern UI frameworks and tooling.

Right now the app:

  • Supports Variable Fonts and additionally lets you export individual static instances of all defined instances in the variable font.
  • Supports opening WOFF/WOFF2 fonts
  • Supports saving TTF/OTF fonts to WOFF/WOFF2. (Complete encode/decode managed pipeline - this was hard to implement)
  • Implements SVG exporting and copying SVG code for all defined characters, or even exporting SVG files of every single glyph defined in any given font
  • Shows comprehensive nametable definitions and a huge amount of font metadata
  • Completely modern UI and responsive design

Check out the following screenshots for the current state of the UI:

Freely Zoomable Glyph Grid:

https://preview.redd.it/h7bbdi9i92ch1.png?width=1480&format=png&auto=webp&s=fd40eff8805b9a878d0bc08a52379b3f56d3be14

https://preview.redd.it/e2r0rb9ya2ch1.png?width=1003&format=png&auto=webp&s=e7debc58c7c198d6bee99cc7caf5442be7e42290

  • Shows all glyphs defined in the typeface, completely zoomable
  • Detailed Glyph preview popup on click, options to copy the character or SVG/SVG Path
  • Allows exporting individual glyphs as SVG files, or the entire font as individual SVG files.
  • Allows conversion to WOFF/WOFF2 via a completely native and C# managed encoder/decoder
  • Multiple sorting options

Font Nametable Display

https://preview.redd.it/6z0s95cl92ch1.png?width=1399&format=png&auto=webp&s=f44759025d014820e59898168f71b17b9b3327aa

Shows every single name-table definition in the typeface.

Complete Font Overview

https://preview.redd.it/cjpjmx4ga2ch1.png?width=1399&format=png&auto=webp&s=901fff3b0d28ac353e433a3fce3673f906470c83

A detailed overview of the basic font information.

  • Full Font Name
  • PostScript Name
  • Version String
  • Etc...

And of course... DARK MODE!

https://preview.redd.it/zpxe6eyqa2ch1.png?width=1399&format=png&auto=webp&s=81d2b9dba480d89142f5f84cbeb94ff46935abdc

Really grinding hard on this app, many more features in the works! Would love any suggestions or feature additions that any of you might want to see implemented.

Thanks for taking a look!

reddit.com
u/xii — 1 month ago

Looking for a great 5-8K monitor @ 144Hz suitable for design. Can anyone give me a recommendation? I want to upgrade for creativity apps (Adobe Suite / Blender / Etc.), so color is somewhat important. I really don't want to to sacrifice 144Hz+, but if 8K is really worth it, I might consider it.

Question is the title. I currently own a LG 32GR93U-B.AUS 32 Inch UltraGear™ 4K UHD 1ms 144Hz display. It's pretty good, but the HDR leaves a lot to be desired and I really want to bump up to 5K for better text rendering and easier visualization of high resolution images and videos in my creative work.

I am currently looking at the following:

It seems like these are the only two options right now if you want 5K + 144Hz+.

Am I missing any? Are there any monitors coming out soon that would be significantly better than the two models I posted above?

I would greatly appreciate any help and guidance. Willing to wait awhile before pulling the trigger if there are any beastly new models coming out in the next few months.

Thanks!

reddit.com
u/xii — 3 months ago

Can I safely add identifying prefixes to my skill names without affecting skill auto-activation in Claude Code?

Every Agent Skill marketplace that I come across contains skills simply named according to what the skill does without any kind of identifying author prefix.

Example list of various skill names:

adding-a-new-app-route
adk-agent-builder
agency-frontend-patterns
analyze-nextjs-architecture
angular-dependency-injection
api-architect
api-design-principles
applying-brand-guidelines
app-ui-design
aspnet-configuration
astro-best-practices
bootstrap-uv-python-workspace
cli-ux-designer
code-documentation
code-review-csharp
csharp-advanced-patterns
csharp-async
csharp-code-style
deploy-react-frontend
design-system-analyzer
design-system-architect
documentation-standards
documentation-testing
electron-app
electron-best-practices
fastapi-expert
fastapi-full-stack
frontend-css-patterns
frontend-design
generate-docs
generating-components
html-design-prototypes
html-design-tokens
icon-designer
javascript-react
javascript-sdk
layout-spacing-checker
markdown-formatting
migrate-framework
nextjs-16-specialist
nextjs-api-route
nextjs-app-router
prompt-engineering-patterns
react-best-practices
react-component-builder
shadcn-components
tailwind-design-system
ux-design-systems
ux-review
ux-spec
web-design-anti-patterns
web-design-guidelines

I really hate this convention as it makes it impossible to determine the authors of any given skill.

Personally, I have been naming my skills with a personal prefix (fm-*) to keep thinks organized and allow for easy identification of my own personal agent skills:

fm-git-commit-conventional
fm-markdown-formatting-guidelines
fm-powershell-coding-style
fm-powershell-file-processing
fm-powershell-platyps-formatting-requirements
fm-powershell-windows-admin

Does adding this fm-* prefix at all influence how or when my skills are auto-activated? Or does auto activation rely solely on the YAML front-matter description? Example front matter:

---
name: fm-powershell-file-processing
description: >
  PowerShell 7 function creation for batch file/directory processing. Use this skill
  whenever the user asks to create, write, or scaffold a PowerShell function that processes
  files or folders — including conversion, renaming, extraction, transformation, or any
  operation that iterates over filesystem paths. Also trigger when the user mentions
  begin/process/end block architecture, ForEach-Object -Parallel for file operations,
  LiteralPath parameters, or building PowerShell wrappers around external CLI tools
  (e.g., ImageMagick, ffmpeg, rsvg-convert, ftcli). Trigger even if the user just says
  "write me a PS7 function to batch-convert fonts" or similar shorthand requests.
---

I just want to ensure that adding my own author prefix to my scripts won't negatively affect skill activation in Claude Code. Can anyone confirm this practice is acceptable and won't negatively affect skill auto-activation?

reddit.com
u/xii — 3 months ago

Looking for an addon that will rename bookmarks that I add in real-time and prior bookmarks based on either A. Configured Regex by Domain B. My own LLM Prompt C. A combination of A+B. Willing to create the addon if it doesn't exist already.

Overview

So I use Firefox Dev Edition as my daily driver, and I am always renaming my bookmarks according to my own personal system. It's getting absolutely ridiculous and time consuming though to stay organized as I ingest hundreds of bookmarks per week.

So I'm looking for a solution that will let me automatically rename my bookmarks based on my own personal rules.

Most Bookmark renamers that come up when I search the firefox marketplace don't allow you to customize either the AI prompt that's used on the backend, or HOW the bookmarks are renamed.

What I really want is a fully featured plugin that will let me configure both:

  1. AI/LLM instructions based on domain or a URL wildcard string
  2. Regex Replacement Rules for more simple operations
  3. A combination of both above

Example of desired website filtering

There is an extension called "Stylus" that lets you define custom CSS rules for domains that match a filter, and something similar would be awesome .

See screenshot:

https://preview.redd.it/oryxhdamnd4h1.png?width=1445&format=png&auto=webp&s=7f17fa68a62dd5ec6f201669daabb71ecb651a9f

Regex Use Case:

An example of where simple regex would be fantastic are GitHub repositories.

I just like renaming the bookmark to <repo_owner>/<repo_name>. I.E.: https://github.com/microsoft/mcp becomes microsoft/mcp.

AI Use Cases:

For other various webpages, I like to have the bookmark as short as possible, with the brand or name of the webpage simply being the website's name. See this example:

Before:

Ugly

After:

Beautiful

This example would be difficult to duplicate using simple regex, but if I could customize the prompt based on domain as well as define the DEFAULT renaming prompt (https://.*) and feed that to a LLM via API Key or configured provider this should be relatively easy to replicate.

There are all sorts of other use-cases that I could think of, but the above two are just simple examples of how I'd like to configure this hypothetical addon.

Should I roll my own custom plugin? Any suggestions would be awesome

I have a bit of JavaScript / Typescript knowledge and I feel like I could probably knock this together in a week of VibeCoding™ with good ol' Claude (I have a max $200 plan). If anyone else would like a plugin like this, please respond with features you'd like to see in a bookmark renamer and simple organizer and I'll see if I can make it happen.

If there are plugins that exist already that can make this happen (paid or free), please share!

reddit.com
u/xii — 3 months ago

This is the moment the mirror becomes a device. It emerges from the void like a signal rising out of static—then liquefies, hardens, and fractures again. It cycles between states the way encryption cycles keys. Skin behaves like glass: smooth where it wants to seduce, cracked where it starts telling the truth.

Somewhere in the refraction, the “faceprint” is compiled: a phantom mask made of probabilities. Not your face as you feel it, but your face as a system predicts it will be tomorrow, when you’re tired, when you lie, when you try to disappear.

u/xii — 4 months ago
▲ 17 r/Anthropic+5 crossposts

I currently use the Official Claude Code plugin in VS Code and have Claude Code installed natively on Windows 11 + Powershell.

I went with the below Pwsh command as shown here:

irm https://claude.ai/install.ps1 | iex

I am leaning towards switching to WSL2 + Ubuntu 24 + Bash though for several reasons and want as much feedback as possible from all of you glorious vibe-coding bastards.

My chain of thought about the situation right now is below.


The positives

  • Claude Code is better and more efficient with Bash than Powershell. However, CC uses Git Bash instead of Powershell by default on Windows 11 which is great but not as good as a full Linux distro.

  • Extending on the above, Git Bash is not as extendable as a full distro on WSL2 where I can install any number of CLI tools to extend my workflow like ripgrep, fzf, k9s etc.

  • If I go with the WSL2 path, I can also sandbox any tool use or code execution (HUGE reason for me, trying to avoid supply chain attacks or malicious prompt injection poison etc)

  • Better integration with Docker (I don't really use docker much and don't see the value here so this is kind of a non-issue for me - if I'm wrong and should be using docker for things feel free to change my mind)

  • I can offload ALL of my AI use to the WSL2 instance for resource management. On Win11 this means if I have a runaway plugin spawning tons of processes (claude-mem just did this for me recently) or some MCP server going nuts, I can just terminate wsl2 (wsl --shutdown) instead of having to open a task manager app like System Informer and terminate every rogue or zombie process.


The negatives

  • I know Powershell like the back of my hand and it makes it really easy to extend claude with custom hooks with powershell. Yes, Powershell is available on Linux as well, but the syntax has to change very specifically for cross-platform use here. (Although I can easily just vibe code bash scripts that do the same thing)

  • WSL2 has to be turned on and consumes a lot of resources compared to Claude Code natively using Git Bash.

... I can't really think of any more.


Can some of you expert coding masters chime in here?

  • Should I go WSL2 + Ubuntu 24.04 + Bash, or stay on Powershell + Git Bash?
  • Should I use a different distro than Ubuntu 24.04 if I go this route? (If you are recommending a distro, please explain why it's better.)
  • How good is the Claude Code VS Code plugin when Claude Code is running on WSL2? This is extremely important to me. I currently use it as my main agent (I don't like the CLI) and I have absolutely no idea how the plugin will function when Claude Code is installed in WSL2 instead of on my Win11 OS.

Any other pro-tips from Windows11+WSL2 users here as well would be super awesome.

TIA for any guidance!

u/xii — 4 months ago