Small, focused instructions for coding and product-design agents.
| Skill | Use it for |
|---|---|
ui-ux-design |
Design, implement, or review Web / desktop / mobile UI using design values and principles—information architecture, layout, interaction, copy, forms, page templates, feedback, motion, and accessibility. |
reeswell |
Clear, maintainable JavaScript and TypeScript: simple structure, immutable updates, focused files, stronger typing. |
Optional deep-dives live under skills/ui-ux-design/references/:
| File | When to open |
|---|---|
values.md |
Product direction, modularity, restraint |
principles.md |
Layout hierarchy, alignment, editing, motion timing |
visual.md |
Grid, color roles, type scale, icons, elevation, dark mode |
patterns.md |
Feedback, navigation, copy, buttons, forms, lists |
templates.md |
Detail / list / form / workspace / result / error / chart pages |
Copy the skill directory you need into your agent's skills directory. Skills are self-contained and have no project-wide setup.
cp -R skills/ui-ux-design /path/to/your/skills/
cp -R skills/reeswell /path/to/your/skills/Invoke a skill when you need its guidance:
Use $ui-ux-design to design a mobile checkout flow.
Use $ui-ux-design to review this order-management page.
Use $reeswell to refactor this TypeScript module.
Keep each skill self-contained and concise. Put optional, topic-specific detail
in its references/ directory.
MIT