igniteui-angular-testing
Quick-reference for running Ignite UI for Angular test suites. Covers the full test run (`test:lib`), grid-specific suites (grid, tree-grid, hierarchical-grid,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-24 00:15
Frontend & websites
11,047 results
frontend-a11y-aria-patterns
Use when building a UI widget that has no native HTML equivalent (tabs, combobox with custom rendering, listbox with rich options, menu/menubar, tree,…
frontend-component-modal-toast-system
Use when building a confirm modal, alert dialog, or settings overlay with the HTML `<dialog>` element, building a toast notification system with the Popover…
frontend-core-design-philosophy
Use when starting a new frontend project, reviewing a landing page that "looks AI-generated", or deciding between a default template pattern and a bespoke…
frontend-errors-cascade-conflicts
Use when a CSS rule that should clearly win does not (style not applying despite higher specificity), when `!important` is being escalated as a fix-everything…
frontend-impl-web-components
Use when authoring a custom HTML element with `customElements.define`, attaching a shadow root with `attachShadow`, distributing children via `<slot>`,…
frontend-perf-core-web-vitals-inp
Use when measuring or improving Core Web Vitals (LCP, INP, CLS) at the 75th-percentile field-data bar, diagnosing why an interaction misses the 200 ms INP…
frontend-syntax-css-cascade-layers-scope
Use when organizing a stylesheet's cascade with `@layer`, scoping component styles with `@scope`, isolating third-party CSS, taming `!important` chains, or…
frontend-syntax-css-color-modern
Use when choosing a color function in CSS, building a shade ladder from a brand seed, blending two colors deterministically, wiring up dark mode without…
frontend-syntax-css-container-queries
Use when a component's layout has to react to the width or aspect of its own parent rather than the viewport, when card or panel content collapses or stretches…
frontend-syntax-css-grid-subgrid
Use when laying out a section that is two-dimensional (rows AND columns matter at the same time), when nested grid items need to align to lines defined on an…
frontend-syntax-css-has-selector
Use when styling an element based on a descendant, sibling, or sibling-state condition; building a parent-style-from-child relationship in CSS without…
frontend-syntax-css-nesting-logical-properties
Use when authoring modern CSS without a preprocessor and you need either native nesting (`&` selector, nested `@media` / `@container` inside a rule) or logical…
jacky-motion2-0
Jacky Motion 2.2 Hybrid: turn a Chinese voiceover script into a single-file HTML information animation ready for screen recording. Choose pure HTML manual advance (16:9 or 3:4) or SRT-driven autoplay (16:9, with B-roll screen-recording frames). The workflow is script review, storyboard, style lock, assembly and visual acceptance; the seven highlight styles share one set of layouts, motion effects and quality gates.
specification-website
Query and apply The Website Specification — a platform-agnostic specification of what a good website does, with each item tagged required, recommended,…
unocss
UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind,…
gsap-sveltekit
Build or review SvelteKit animation on Svelte 5: GSAP page transitions, component enter/exit, scroll effects, route reuse, and cleanup. Use for interrupted…
react-ddt
Review and correct misplaced responsibilities in React hooks, React components, and TSX files; use when the user asks to split out pure functions, static constants, place types according to project conventions, or review React component / hook structure.
scroll-promo-site-builder
Create a scroll-controlled cinematic product website with rich motion (motion effect website) from product materials, reference pages or videos, and brand assets. Use for…
frontend-design-pro
Wrapper skill that composes design guardrail skills with the frontend-design-ultimate generation workflow. Supports four composition modes for new UI,…
frontend-design
Help users beautify web interfaces, optimize UI/UX design, and generate high-quality frontend code. Trigger scenarios: help me beautify the page, the interface is too ugly, UI optimization, the page doesn't look good, style adjustments, frontend design, visual optimization, improve frontend design, beautify UI, make it pretty, landing page…
angular-component
Create modern Angular standalone components following v20+ best practices. Use for building UI components with signal-based inputs/outputs, OnPush change…
angular-di
Implement dependency injection in Angular v20+ using inject(), injection tokens, and provider configuration. Use for service architecture, providing…
angular-directives
Create custom directives in Angular v20+ for DOM manipulation and behavior extension. Use for attribute directives that modify element behavior/appearance,…