Skip to content

Commit 94357fa

Browse files
committed
docs: add Vercel composition-patterns and react-native-skills references
Update CLAUDE.md, README, and skill files to reference the full set of Vercel Labs agent-skills: vercel-composition-patterns and vercel-react-native-skills alongside the existing react-best-practices.
1 parent 69d75e5 commit 94357fa

5 files changed

Lines changed: 17 additions & 5 deletions

File tree

CLAUDE.md

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -94,15 +94,16 @@ To test changes locally:
9494

9595
Arc focuses on the development lifecycle. For specialized domains, consider these Vercel Labs plugins:
9696

97-
- **[agent-skills](https://github.com/vercel-labs/agent-skills)**`vercel-react-best-practices` skill for React/Next.js performance patterns
97+
- **[agent-skills](https://github.com/vercel-labs/agent-skills)**`vercel-react-best-practices`, `vercel-composition-patterns`, `vercel-react-native-skills`
9898
- **[web-interface-guidelines](https://github.com/vercel-labs/web-interface-guidelines)**`web-design-guidelines` skill for UI compliance review
9999

100100
**When installed, Arc commands will suggest these skills:**
101101
| Arc Command | Complementary Skill | Use Case |
102102
|-------------|-------------------|----------|
103-
| `/arc:design` | `web-design-guidelines` | UI compliance review |
104-
| `/arc:implement` | Both | Quality checkpoints |
105-
| `/arc:letsgo` | `vercel-react-best-practices`, `vercel:deploy` | Production readiness |
103+
| `/arc:design` | `web-design-guidelines`, `vercel-composition-patterns` | UI compliance, component architecture |
104+
| `/arc:implement` | All agent-skills + `web-design-guidelines` | Quality checkpoints |
105+
| `/arc:letsgo` | `vercel-react-best-practices`, `vercel-react-native-skills`, `vercel:deploy` | Production readiness |
106+
| `/arc:responsive` | `web-design-guidelines`, `vercel-react-native-skills` | Mobile audit |
106107

107108
## Publishing
108109

README.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,9 @@ These plugins provide additional review capabilities:
9090
| Plugin | Skill | Used by |
9191
|--------|-------|---------|
9292
| **[agent-skills](https://github.com/vercel-labs/agent-skills)** | `vercel-react-best-practices` | `/arc:implement`, `/arc:letsgo` |
93-
| **[web-interface-guidelines](https://github.com/vercel-labs/web-interface-guidelines)** | `web-design-guidelines` | `/arc:design`, `/arc:implement` |
93+
| | `vercel-composition-patterns` | `/arc:implement`, `/arc:design` |
94+
| | `vercel-react-native-skills` | `/arc:implement`, `/arc:letsgo`, `/arc:responsive` |
95+
| **[web-interface-guidelines](https://github.com/vercel-labs/web-interface-guidelines)** | `web-design-guidelines` | `/arc:design`, `/arc:implement`, `/arc:responsive` |
9496

9597
```
9698
# Vercel Labs plugins (optional)

skills/design/SKILL.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -534,6 +534,7 @@ Design is complete when:
534534

535535
- Produces design doc consumed by **/arc:implement**
536536
- Can invoke **web-design-guidelines** skill for compliance review (if available)
537+
- Can invoke **vercel-composition-patterns** skill for component architecture review (if available)
537538
- Uses **Chrome MCP** (`mcp__claude-in-chrome__*`) for visual capture throughout
538539
- Uses **WebFetch** to research design inspiration from Siteinspire and Mobbin
539540
- References feed into implementation to maintain design fidelity

skills/letsgo/SKILL.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -342,6 +342,12 @@ Invoke skill: vercel-react-best-practices
342342
"Review performance patterns. Check: component rendering, data fetching, bundle optimization"
343343
```
344344

345+
**If React Native/Expo and `vercel-react-native-skills` skill available:**
346+
```
347+
Invoke skill: vercel-react-native-skills
348+
"Review React Native production readiness. Check: list performance, animation optimization, memory leaks, native module usage, Expo config"
349+
```
350+
345351
### G. Security (Always)
346352
- [ ] No secrets in client-side code (check bundle)
347353
- [ ] HTTPS enforced (automatic on Vercel)
@@ -615,4 +621,5 @@ Letsgo is complete when:
615621
- References **/arc:vision** to verify alignment
616622
- Invokes **/arc:legal** to generate missing legal documents
617623
- Can invoke **vercel-react-best-practices** skill for performance review (if available)
624+
- Can invoke **vercel-react-native-skills** skill for React Native performance review (if available)
618625
- Can invoke **vercel:deploy** skill for deployment (if available)

skills/responsive/SKILL.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -379,6 +379,7 @@ Responsive audit is complete when:
379379
- Uses **Chrome MCP** (`mcp__claude-in-chrome__*`) for all browser interaction
380380
- Follows `/arc:commit` discipline for commits
381381
- Can invoke `web-design-guidelines` skill for compliance review (if available)
382+
- Can invoke `vercel-react-native-skills` skill for React Native mobile optimization (if available)
382383

383384
<arc_log>
384385
**After completing this skill, append to the activity log.**

0 commit comments

Comments
 (0)