svelte-migrate-html-to-spa
TODO: Complete and informative explanation of what the skill does and when to use it. Include WHEN to use this skill - specific scenarios, file types, or tasks…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-27 00:15
Frontend & websites
11,183 results
svelte-runes
Provides Svelte 5 runes guidance for reactive state, props, derived values, effects, and attachments. Use when implementing reactivity, managing component…
web-artifacts-builder
Builds elaborate multi-component claude.ai HTML artifacts using React 18, TypeScript, Vite, Tailwind CSS, and shadcn/ui bundled into single-file deliverables.…
dsh-responsive-ui
Use when designing, implementing, or reviewing responsive client layouts, text truncation, title wrapping, icon-only controls, mobile hover, tooltips and…
notebook-report
Use when user asks for a hand-drawn style report, notebook-style report, or says "手绘板报告", "手绘风", "笔记本风格". Generates warm paper-textured HTML reports with…
mobile-checkout
Guide for implementing mobile in-app checkout with Dodo Payments across React Native, Flutter, iOS, and Android platforms.
markdown-converter
Convert documents and files to Markdown using markitdown. Use when converting PDF, Word (.docx), PowerPoint (.pptx), Excel (.xlsx, .xls), HTML, CSV, JSON, XML,…
align
Verify visual alignment across sections. Check that headings, text, images, and components share consistent alignment points.
dark-mode
Generate dark mode color variant that preserves contrast ratios and visual hierarchy from the light theme. Not just color inversion — proper dark surface…
export-css
Export the current design system as CSS custom properties. Includes color, typography, spacing, shadows, and radii tokens.
harden
Improve interface resilience. Add error handling, i18n support, text overflow handling, and edge case management.
palette
Generate a complete 50-950 shade palette from a single hex color. Outputs 11 perceptually uniform shades with CSS variables, Tailwind config, and design token…
responsive
Check responsive behavior at key breakpoints. Verifies layout doesn't break, text remains readable, touch targets meet minimum sizes, and spacing scales…
rhythm
Enforce vertical spacing rhythm. Ensures consistent vertical flow using a baseline grid approach.
spacing
Generate a complete spacing scale from a base unit. Outputs CSS custom properties and shows recommended usage for each step.
type-scale
Generate a mathematical type scale from base size and ratio. Outputs pixel values, rem equivalents, and CSS custom properties. Use Perfect Fourth (1.333) for…
harness-map
Generate an interactive, self-contained HTML dependency map of a repository's AI harness — skills, slash commands, agents, and MCP servers, with typed…
canvas-component-naming
Name Canvas components with clear, portable conventions for machine names and folders. Use when (1) Creating a new component, (2) Renaming components, (3)…
canvas-slots-for-repeatable-content
Model repeatable Canvas content with slot-based parent/child component patterns. Use when (1) Building lists/grids of items, (2) Converting array props to…
frontend-angular-component
Use when creating or modifying Angular components in WebV2 (Angular 19) with proper base class inheritance, state management, and platform patterns.
frontend-angular-form
Use when creating reactive forms with validation, async validators, dependent validation, and FormArrays using platform patterns.
frontend-angular-store
Use when implementing state management with PlatformVmStore for complex components requiring reactive state, effects, and selectors.
web-design-idioms
A knowledge skill that distills a website's distinctive visual idioms into a design pack. Used by web-pack-curator. It covers how to translate responsive/viewport behavior, component-level composition, scroll/hover/transition motion, and accessibility contrast into verifiable prompt.md instructions, and at a level directly implementable in HTML/CSS…
ui-styling
This skill should be used when the user needs UI styling guidance including shadcn/ui components, Tailwind CSS utility-first styling, responsive layouts,…