wes-bos-sick-picks

Q: How to install wes-bos-sick-picks?

Create the skills directory: mkdir -p .claude/skills. Then run: mkdir -p .claude/skills && curl -o .claude/skills/wes-bos-sick-picks.md https://raw.githubusercontent.com/boserup/wes-bos-sick-picks/main/SKILL.md. Finally, /wes-bos-sick-picks in Claude Code.

Q: What is wes-bos-sick-picks best for?

wes-bos-sick-picks is categorized under General. It covers: frontend, design, rust.

New

2GitHub TrendingGeneralby boserup

Claude Code skill for building frontend UI the Wes Bos way: research pitfalls and modern platform features before planning, design accessible (WCAG) components with native HTML/CSS, then verify the approach against Wes Bos on X + trusted sources (MDN, web.dev, CSS-Tricks). Framework-agnostic.

Summary

dev, and CSS-Tricks.

It is framework-agnostic, helping you create robust, accessible interfaces with best practices.

Install & Usage

Create the skills directory

mkdir -p .claude/skills

Download the skill file

mkdir -p .claude/skills && curl -o .claude/skills/wes-bos-sick-picks.md https://raw.githubusercontent.com/boserup/wes-bos-sick-picks/main/SKILL.md

Invoke in Claude Code

/wes-bos-sick-picks

Use Cases

Research modern CSS features and browser pitfalls before starting a new layout component.

Design an accessible, WCAG-compliant form with native HTML and CSS, avoiding common accessibility issues.

Verify a planned frontend approach by cross-referencing with Wes Bos's latest tips and trusted web development resources.

Refactor an existing UI component to use modern CSS techniques like container queries or cascade layers.

Plan a responsive navigation system that works across devices without JavaScript dependencies.

Audit a page for accessibility violations and get recommendations for native HTML/CSS fixes.

Usage Examples

/wes-bos-sick-picks I need to build a responsive card grid with hover effects. Research modern CSS approaches and potential pitfalls first.

/wes-bos-sick-picks Design an accessible modal dialog using only native HTML and CSS, then verify the approach against Wes Bos and MDN.

/wes-bos-sick-picks I'm planning a sticky header with a scroll shadow. Check Wes Bos's latest thoughts and web.dev for best practices.

View source on GitHub

frontenddesignrust

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is wes-bos-sick-picks?

This skill guides you through building frontend UI the Wes Bos way: researching pitfalls and modern platform features before planning, designing accessible (WCAG) components with native HTML/CSS, and verifying the approach against Wes Bos on X and trusted sources like MDN, web.dev, and CSS-Tricks. It is framework-agnostic, helping you create robust, accessible interfaces with best practices.

How to install wes-bos-sick-picks?

To install wes-bos-sick-picks: create the skills directory (mkdir -p .claude/skills), then run: mkdir -p .claude/skills && curl -o .claude/skills/wes-bos-sick-picks.md https://raw.githubusercontent.com/boserup/wes-bos-sick-picks/main/SKILL.md. Finally, /wes-bos-sick-picks in Claude Code.

What is wes-bos-sick-picks best for?

wes-bos-sick-picks is a skill categorized under General. It is designed for: frontend, design, rust. Created by boserup.

What can I use wes-bos-sick-picks for?

wes-bos-sick-picks is useful for: Research modern CSS features and browser pitfalls before starting a new layout component.; Design an accessible, WCAG-compliant form with native HTML and CSS, avoiding common accessibility issues.; Verify a planned frontend approach by cross-referencing with Wes Bos's latest tips and trusted web development resources.; Refactor an existing UI component to use modern CSS techniques like container queries or cascade layers.; Plan a responsive navigation system that works across devices without JavaScript dependencies.; Audit a page for accessibility violations and get recommendations for native HTML/CSS fixes..