Skip to content

Commit c45da06

Browse files
committed
feat: Expand frontend category with 2 web worker concurrency skills
1 parent afaea02 commit c45da06

4 files changed

Lines changed: 1559 additions & 5 deletions

File tree

skills/discover-frontend/SKILL.md

Lines changed: 43 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ This skill auto-activates when you're working with:
2424

2525
### Quick Reference
2626

27-
The Frontend category contains 8 core skills (+ elegant-design):
27+
The Frontend category contains 10 core skills (+ elegant-design):
2828

2929
1. **react-component-patterns** - Component design, composition, hooks, performance
3030
2. **nextjs-app-router** - Next.js 14+ App Router, Server Components, routing
@@ -34,7 +34,9 @@ The Frontend category contains 8 core skills (+ elegant-design):
3434
6. **web-accessibility** - WCAG 2.1 AA compliance, ARIA, keyboard navigation
3535
7. **frontend-performance** - Bundle optimization, Core Web Vitals, code splitting
3636
8. **nextjs-seo** - SEO with Next.js, metadata API, structured data
37-
9. **elegant-design/SKILL.md** - World-class accessible interfaces (separate Agent Skill)
37+
9. **web-workers** - Web Workers API, message passing, offloading computation
38+
10. **browser-concurrency** - Service Workers, SharedWorkers, Worklets, PWAs
39+
11. **elegant-design/SKILL.md** - World-class accessible interfaces (separate Agent Skill)
3840

3941
### Load Full Category Details
4042

@@ -71,6 +73,10 @@ cat skills/frontend/react-form-handling.md
7173
cat skills/frontend/web-accessibility.md
7274
cat skills/frontend/frontend-performance.md
7375

76+
# Concurrency and workers
77+
cat skills/frontend/web-workers.md
78+
cat skills/frontend/browser-concurrency.md
79+
7480
# Design system and UI (Agent Skill - auto-discovered separately)
7581
# elegant-design/SKILL.md activates independently for UI design work
7682
```
@@ -113,6 +119,15 @@ cat skills/frontend/web-accessibility.md # Ensure accessibility
113119
cat skills/frontend/nextjs-seo.md # Optimize SEO
114120
```
115121

122+
### CPU-Intensive Features & PWAs
123+
**Sequence**: Workers → Concurrency → Performance
124+
125+
```bash
126+
cat skills/frontend/web-workers.md # Offload heavy computation
127+
cat skills/frontend/browser-concurrency.md # Service Workers, offline support
128+
cat skills/frontend/frontend-performance.md # Optimize overall performance
129+
```
130+
116131
## Skill Selection Guide
117132

118133
**React Component Patterns**`react-component-patterns.md`:
@@ -170,6 +185,22 @@ cat skills/frontend/nextjs-seo.md # Optimize SEO
170185
- Sitemap and robots.txt
171186
- Dynamic metadata
172187

188+
**Web Workers**`web-workers.md`:
189+
- Offloading heavy computation
190+
- Web Workers API and message passing
191+
- Transferable objects for zero-copy
192+
- React integration with custom hooks
193+
- Worker pools for parallel processing
194+
- TypeScript type safety
195+
196+
**Browser Concurrency**`browser-concurrency.md`:
197+
- Service Workers for offline support and PWAs
198+
- SharedWorkers for cross-tab state
199+
- Audio/Paint/Animation Worklets
200+
- Background sync and push notifications
201+
- Caching strategies
202+
- BroadcastChannel for cross-tab messaging
203+
173204
## Integration with Other Skills
174205

175206
Frontend skills commonly combine with:
@@ -250,6 +281,16 @@ cat skills/frontend/web-accessibility.md
250281
cat skills/frontend/nextjs-seo.md
251282
```
252283

284+
**"Offload heavy computation"**:
285+
```bash
286+
cat skills/frontend/web-workers.md
287+
```
288+
289+
**"Build a PWA with offline support"**:
290+
```bash
291+
cat skills/frontend/browser-concurrency.md
292+
```
293+
253294
## React vs Next.js Decision
254295

255296
**Use React (Vite)** when:

skills/frontend/INDEX.md

Lines changed: 23 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,21 @@
22

33
## Category Overview
44

5-
**Total Skills**: 8
5+
**Total Skills**: 10
66
**Category**: frontend
77

88
## Skills in This Category
99

10+
### browser-concurrency.md
11+
**Description**: Service Workers, SharedWorkers, and multi-threading patterns
12+
13+
**Load this skill**:
14+
```bash
15+
cat skills/frontend/browser-concurrency.md
16+
```
17+
18+
---
19+
1020
### frontend-performance.md
1121
**Description**: Optimizing application performance
1222

@@ -87,17 +97,27 @@ cat skills/frontend/web-accessibility.md
8797

8898
---
8999

100+
### web-workers.md
101+
**Description**: Offloading computation with Web Workers and message passing
102+
103+
**Load this skill**:
104+
```bash
105+
cat skills/frontend/web-workers.md
106+
```
107+
108+
---
109+
90110
## Loading All Skills
91111

92112
```bash
93113
# List all skills in this category
94114
ls skills/frontend/*.md
95115

96116
# Load specific skills
117+
cat skills/frontend/browser-concurrency.md
97118
cat skills/frontend/frontend-performance.md
98119
cat skills/frontend/nextjs-app-router.md
99-
cat skills/frontend/nextjs-seo.md
100-
# ... and 5 more
120+
# ... and 7 more
101121
```
102122

103123
## Related Categories

0 commit comments

Comments
 (0)