Skills
.Work. You
Rest

playground-pages

Community

Create SvelteKit playground pages.

Software Engineering#testing#development#documentation#ui components#sveltekit#playground
Authorcuriousanthony
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the creation and maintenance of dedicated SvelteKit pages for testing and showcasing UI components, layouts, and interactions, serving as living documentation.

Core Features & Use Cases

  • Component Sandboxing: Develop isolated environments to test individual components in various states and variants.
  • UI Interaction Demos: Visualize and verify complex user interface behaviors and layouts.
  • Living Documentation: Create pages that act as up-to-date examples and stress tests for UI elements.
  • Use Case: When developing a new Card component, use this skill to create a page at src/routes/playground/card that demonstrates its different sizes, color schemes, and states (loading, error, empty).

Quick Start

Add a playground page for the UserProfile component under src/routes/playground/user-profile.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: playground-pages
Download link: https://github.com/curiousanthony/supabase-sveltekit/archive/main.zip#playground-pages

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.