// Demonstrates progressive disclosure by linking to reference files. Use this pattern when your skill has detailed content that should load on-demand.
Patterns for building list and detail pages with forms, filters, and data fetching
Create SvelteKit components using Remote Functions for type-safe client-server communication. Use when building components that need to fetch data, submit forms, or execute server commands. Remote Functions work at the component level, not page level.
Create admin dashboard pages with tables, forms, and actions
Create UI components using tailwind-variants for type-safe styling. Use when creating or editing components in src/lib/ui/.
Create Playwright E2E tests using Page Object Model pattern with database isolation
A minimal example skill demonstrating the required structure. Use this as a template when creating new skills.
| name | sample-with-references |
| description | Demonstrates progressive disclosure by linking to reference files. Use this pattern when your skill has detailed content that should load on-demand. |
This skill demonstrates progressive disclosure - keeping the main SKILL.md concise while linking to detailed reference files that Claude loads only when needed.
Use reference files when you have:
For detailed patterns and examples, see REFERENCE.md.
name and description load into contextThis keeps token usage low while providing comprehensive documentation.
your-skill/
├── SKILL.md # Overview and navigation (keep under 500 lines)
├── REFERENCE.md # Detailed reference (loaded on-demand)
├── WORKFLOWS.md # Step-by-step guides (loaded on-demand)
└── EXAMPLES.md # Code examples (loaded on-demand)
doc1.md, doc2.md)[REFERENCE.md](REFERENCE.md)