improve-codebase-architecture
Scan a codebase for deepening opportunities, present them as a visual HTML report, then interview through the chosen one. Use when the user wants architecture…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-22 00:14
Frontend & websites
10,948 results
react-effects-audit
Use when auditing React or Next.js components for unnecessary or unsafe useEffect usage -- detects 9 anti-patterns from "You Might Not Need an Effect".
react-i18n
Use when implementing translations in a React app (not Next.js) with react-i18next — useTranslation, namespaces, pluralization, Suspense.
tailwindcss-spacing
Use when setting margin or padding on any side, centering with m-auto, applying negative margins, or spacing children with space-x-*/space-y-*.
study-change
Produces a single HTML comprehension packet for a code change — Background, Intuition, Code, Quiz. Run it with /study-change.
accessibility-audit-runner
Run accessibility audit runner operations. Auto-activating skill for Frontend Development. Triggers on: accessibility audit runner, accessibility audit…
image-optimization-helper
Configure with image optimization helper operations. Auto-activating skill for Frontend Development. Triggers on: image optimization helper, image optimization…
markdown-content
Guide for building markdown content pages (blogs, legal, changelogs) in Next.js using fumadocs-mdx, rehype-pretty-code, and shiki. Covers MDX collections,…
angular-directives
Create custom directives in Angular v20+ for DOM manipulation and behavior extension. Use for attribute directives that modify element behavior/appearance,…
lavish-axi
Turn complex or visual agent responses into rich, reviewable HTML artifacts the user can annotate and send feedback on, using the lavish-axi CLI. Use when…
wp-bootstrap
Bootstrap a new or existing WordPress project with the full wp-agent-kit system: monorepo detection, Composer/WPackagist/SatisPress setup, Playground local…
wp-gravityview
Use when working with GravityView or GravityKit products: creating Views to display Gravity Forms entries on the front-end, configuring search/sort/filter,…
sillytavern-embedded-ui
Design, implement, or review framework-neutral embedded interfaces for SillyTavern rolecards, including opening pages, status bars, control centers, drawers,…
css-grid-math
Derive and debug CSS Grid layout math for grid coordinates, line placement, spans, negative indexes, fr units, minmax(), fit-content(), repeat(), auto-fill,…
taste-accessibility
Accessibility built into generation, not bolted on after: WCAG 2.2 AA compliance checks (contrast, keyboard, focus, labels, semantics, target size, reduced…
wcag-audit-patterns
Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility,…
wayfinder
How to work effectively with Laravel Wayfinder, always use when developing frontend features
frontend-review-security
Use when conducting a frontend security review — static analysis (risky HTML patterns, env var exposure), authentication/authorization audit (token storage,…
frontend-review-state
Use when reviewing state management architecture — classifying state types (server/URL/form/UI), checking for over-globalization, Jotai/Zustand/Redux patterns,…
frontend-review-weekly
Use for the weekly AI review. Orchestrates all frontend-review-* skills in order, dispatches the 5 perspective sub-skills in parallel, diffs against last…
motion-lab
Find, select, and adapt motion effects for the current webpage or component. Includes HTML/CSS/JS for 160 cases, parameters, and Chinese-English indexes, covering basic, text, interactive, and advanced motion effects.
state-management
Manage client and server state with Zustand stores and React Query patterns.
displaying-html-in-flutter
Easily display and interact with HTML content in your Flutter app using the `easy_web_view` package, which supports both web and mobile platforms.
draggable-dom-with-lit
Learn how to create an interactive, draggable DOM using a Lit web component with CSS transforms and slots, enabling you to manipulate HTML and SVG elements…