Menu
SkillsMP has collected 15 skills from k97/dock-tile. Open a skill to review its source and details.
Showing 15 of 15 collected skills.
Smooth CSS custom property transitions between light/dark themes using @property registration. Use when: (1) theme toggle feels instant despite transition rules, (2) CSS custom properties (--background, --foreground, etc.) won't animate, (3) need smooth color…
Create notarized macOS app releases with Sparkle auto-updates, DMG installers, and GitHub releases. Use when releasing macOS apps, creating DMG files, notarizing apps, or setting up Sparkle updates. Handles version updates, code signing, notarization, and…
Full SEO + GEO + Fix workflow for web projects. Runs in three sequential phases: (1) technical SEO audit — verifiable bugs grouped by severity, including redirect-loop and canonical-host integrity checks (static + live redirect-chain trace); (2) GEO review —…
Internationalization and localization patterns. Detecting hardcoded strings, managing translations, locale files, RTL support.
When the user wants to create or update their product marketing context document. Also use when the user mentions 'product context,' 'marketing context,' 'set up context,' 'positioning,' or wants to avoid repeating foundational information across marketing…
Prevents generic AI-generated designs by guiding typography, color, motion, and background choices. Use when creating frontend designs, landing pages, dashboards, or any UI/UX work. Helps avoid the "AI slop" aesthetic.
Apply and enforce brand voice, style guide, and messaging pillars across content. Use when reviewing content for brand consistency, documenting a brand voice, adapting tone for different audiences, or checking terminology and style guide compliance.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Deterministic SVG generation, validation, and rendering. Use for icons, diagrams, charts, UI mockups, or technical drawings requiring structural correctness and cross-viewer compatibility.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance,…
Claudeception is a continuous learning system that extracts reusable knowledge from work sessions. Triggers: (1) /claudeception command to review session learnings, (2) "save this as a skill" or "extract a skill from this", (3) "what did we learn?", (4) After…
Smooth CSS custom property transitions between light/dark themes using @property registration. Use when: (1) theme toggle feels instant despite transition rules, (2) CSS custom properties (--background, --foreground, etc.) won't animate, (3) need smooth color…
Pattern for building interactive hero image carousels with audio control overlays. Use when: (1) replacing static hero mockups with animated screenshot carousels, (2) adding interactive audio demos to landing pages, (3) implementing Alcove-style two-state…
Refactor CLAUDE.md files to follow progressive disclosure principles. Use when CLAUDE.md is too long or disorganized.
Design native macOS apps following Apple's Human Interface Guidelines and Liquid Glass design system. Use when building SwiftUI/AppKit macOS apps, validating designs, or implementing macOS-specific patterns.