You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
Generate a static HTML brand/styleguide exploration page for any project. Explores the codebase for existing design patterns, asks multi-select questions about aesthetic direction, and produces a self-contained HTML file with multiple visual theme options (color palettes, typography, UI components, and wireframes). Use when the user wants to explore visual directions, brand options, or redesign ideas.
Use when you have a spec or requirements for a multi-step task, before touching code
thalida's personal Claude Code skills plugin.
Custom skills that extend Claude Code's behavior. Skills are model-invoked — Claude automatically uses them based on task context (no manual slash command needed).
claude plugin marketplace add thalida/skillslida
claude plugin install skillslida@skillslida
Start a new Claude Code session — skills will be available immediately.
Clone this repo:
git clone https://github.com/thalida/skillslida ~/Documents/Repos/skillslida
Register it as a marketplace and install:
claude plugin marketplace add ~/Documents/Repos/skillslida
claude plugin install skillslida@skillslida
Start a new Claude Code session — skills will be available immediately.
Since the plugin installs from this local directory, edits to skill files take effect on the next Claude Code session — no reinstall needed.
skillslida/
├── .claude-plugin/
│ ├── plugin.json # Plugin metadata
│ └── marketplace.json # Marketplace manifest (for local installation)
├── skills/
│ └── <skill-name>/
│ └── SKILL.md # Skill definition
└── README.md
Create a new directory under skills/:
mkdir -p skills/<skill-name>
Create skills/<skill-name>/SKILL.md with frontmatter:
---
name: skillslida:<skill-name>
description: Describe when Claude should use this skill (trigger conditions, keywords, phrases).
---
# Skill Title
Instructions for Claude...
Bump the version in .claude-plugin/plugin.json and .claude-plugin/marketplace.json, then commit and push:
git add skills/<skill-name>/ .claude-plugin/
git commit -m "feat: add <skill-name> skill"
git push
This is a public repo. Do not commit:
settings.local.json or any .local filesOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
npx claudepluginhub thalida/skillslida --plugin skillslidaComplete toolkit for creating, validating, and managing Claude Code skills with intelligent agents, interactive commands, and professional templates
Create, test, measure, and iteratively improve Claude Code skills with category-aware design, gotchas-driven development, progressive disclosure coaching, and automated description optimization.
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Frontend design skill for UI/UX implementation
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Memory compression system for Claude Code - persist context across sessions