landing-page-builder
Use when building a landing page, marketing site, product showcase, documentation site, using the bundled plain HTML/CSS/JS design system; not for arbitrary…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-01 00:15
Frontend & websites
11,339 results
html-to-pdf
Convert HTML web pages/presentations to high-quality PDF. Prioritize strategy selection based on user goals: - Browser as-is/high fidelity/screenshot-level fidelity -> CDP screenshot PDF - Need selectable text while staying as close to screen as possible -> CDP screen-media vector PDF - Need formal documents, text layer, smaller file size, continuous long pages -> Chrome print...
web-design-expert
Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns. Use for brand identity development, visual design…
error-boundary-strategist
Design resilient React error handling with Error Boundaries, Sentry integration, recovery UI, retry patterns, and graceful degradation. Activate on: error…
legal-tech-web-design
Web design for legal technology products — trust signals, authority indicators, compliance UI patterns, multi-step wizard flows for legal processes, and…
performance-profiling
Application performance profiling and bottleneck identification — Node.js profiling, Chrome DevTools, flame graphs, memory leak detection, CPU profiling, React…
reactive-dashboard-performance
Expert in building blazing-fast reactive dashboards with comprehensive testing. Masters React performance patterns, testing strategies for async components,…
vue-router-best-practices
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
vue-testing-best-practices
Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
landing-page-builder
Build and deploy polished landing pages and one-page websites to Vercel from a text description. ALWAYS use this skill when a user wants any kind of…
document-rendering-and-locators
Implement resilient document rendering and annotation anchoring. Activate for reader-core, TOC, locator, or highlight anchoring changes. Generic pattern…
reader-ui-ux
Build localized, accessible reader/admin UI with responsive layouts, telemetry, and state management. Use this skill when building React screens, polishing UX,…
typeset
All-in-one editor typesetting Skill — converts Markdown into beautifully typeset HTML compatible with multiple platforms, supporting WeChat Official Accounts/Zhihu/Juejin/Blogs/X Articles/Medium/LinkedIn. Suitable for any AI Agent.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build or redesign web components, pages,…
seed-component
Use when comparing path lookup, React, and Lynx APIs for SEED components, creating new or ported components or changing existing implementations, writing React or Lynx documentation and examples, or investigating the map and WCAG contrast of color tokens unrelated to components.
seed-write-lynx-component-docs
When writing or modifying SEED's Lynx component documentation and runnable examples, align the React documentation and scenarios, and determine imports that match the Registry or package distribution path, Lynx Engine and XElement compatibility, and the scope of browser preview versus actual Lynx verification.
theme-factory-codex
Use when Codex needs to create, adapt, audit, or repair a visual theme, design tokens, color palette, typography scale, spacing system, CSS variables, or…
i18n-mobile
Internationalize Android, iOS, and React Native apps — strings.xml, String Catalog, expo-localization, plurals, RTL, and date/number formatters. Use when translating…
widgetkit
Widgets iOS/macOS com WidgetKit — Widget, TimelineProvider, App Intents, deep links e App Groups. Use ao criar Lock Screen, Home Screen, StandBy ou Control…
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,…
angular-forms
Build signal-based forms in Angular v21+ using the new Signal Forms API. Use for form creation with automatic two-way binding, schema-based validation, field…
angular-http
Implement HTTP data fetching in Angular v20+ using resource(), httpResource(), and HttpClient. Use for API calls, data loading with signals, request/response…