Individual skill
expo-design-system-scaffolder
Scaffolds Expo / React Native design system components that obey the expo-design-system rules by construction — a variant-driven pressable primitive, a slot-based card surface, a typed text primitive, a labeled form field, a FlashList entity screen, a theme token group, and a Storybook variant catalog. Generated code uses Unistyles v3 variants instead of style props, ref-as-prop, design tokens, built-in accessibility, and web/iOS parity (`_web` hover/focus/cursor on interactive primitives), so it follows expo-design-system without rework. Output is TSX/TS using react-native-unistyles. Trigger whenever the user wants to create, add, generate, or scaffold a new shared UI component, primitive, design token group, or screen for the clinic mobile app — even if they don't mention the design system.
skills/.experimental/expo-design-system-scaffolder/SKILL.md
Source commit cf93c57cac89d6fc3e4194686000411567f5caf3
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- Yes
- Observed behavior
- Not checked yet
- Last checked
- Nov 5, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 222
- Repository last updated
- Aug 15, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- design Derived category
- engineering Derived category
- design-interface Derived category
- engineering-web Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 5,912 bytesassets/templates/card-surface.tsx.templateasset · 1,602 bytesassets/templates/component-index.ts.templateasset · 2,180 bytesassets/templates/component-story.tsx.templateasset · 1,120 bytesassets/templates/form-field.tsx.templateasset · 2,586 bytesassets/templates/list-screen.tsx.templateasset · 2,321 bytesassets/templates/text-primitive.tsx.templateasset · 1,466 bytesassets/templates/token-group.ts.templateasset · 1,175 bytesassets/templates/variant-component.tsx.templateasset · 2,531 bytesconfig.jsonasset · 366 bytesgotchas.mddoc · 614 bytesmetadata.jsonasset · 1,421 bytesreferences/conventions.mddoc · 5,272 bytes
Read excerpt
# Expo Design System Scaffolder
Parameterized templates that generate Expo / React Native design system components which start
correct instead of being retrofitted. Every template uses Unistyles v3 variants (never a `style`
escape hatch), `ref`-as-prop, design tokens, built-in accessibility, and web/iOS parity (`_web`
hover/focus/cursor on interactive primitives), and cites the
[`expo-design-system`](../../expo-design-system/SKILL.md) rule IDs it satisfies.
## When to Apply
Use this skill when the user wants to:
- **Create or add a new shared component** — a button, card, text, input, or other primitive
- Scaffold a **new screen** that lists a domain entity (appointments, patients, notes)
- Add a **new design token group** (colors, etc.) to the Unistyles theme