use-react-intl-universal
Best-practice workflow for building and inspecting high-quality internationalized software with react-intl-universal, react-intl-universal-extract, and this…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-31 00:15
Frontend & websites
11,335 results
improve-codebase-architecture
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
alibabacloud-website-malware-check
Read-only detection of website defacement/hijacking via page source, hidden SEO links, suspicious redirects, and cloaking, corroborated best-effort by Security…
react-best-practices
Use when reading or writing React components (.tsx, .jsx files with React imports).
powerskills-browser
Edge browser automation via Chrome DevTools Protocol (CDP). List tabs, navigate, take screenshots, extract page content/HTML, execute JavaScript, click…
lecun-world-model
Use when a question requires causal reasoning — "what will happen if…", "why is X happening", "what are the knock-on effects", predicting how a system reacts…
nextjs-swr-hooks
Enforces hook development conventions for Next.js projects using SWR (stale-while-revalidate): file structure, fetcher patterns, key factories, SSR fallback,…
nextjs-tanstack-hooks
Enforces hook development conventions for this Next.js project: file structure, TanStack Query patterns, query key factory, typing, and anti-pattern…
component-agentic-layout
Develop AgenticLayout (left-center-right layout with header) in @ant-design/agentic-ui. Use when building app shell, sidebar layout, or three-column layout.…
component-quote-backto
Develop Quote and BackTo components in @ant-design/agentic-ui. Use when building quote block or back navigation link. Triggers on Quote, BackTo, quote block,…
hyperframes
Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when…
lottie
Lottie and dotLottie adapter patterns for HyperFrames. Use when embedding lottie-web JSON animations, .lottie files, @lottiefiles/dotlottie-web players,…
remotion-best-practices
Best practices for Remotion video creation in React — scaffolding, compositions, animations, transitions — PLUS hard-won rules for high-fidelity product-demo…
tailwind
Tailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions. Use when scaffolding or editing projects created with `hyperframes init --tailwind`,…
waapi
Web Animations API adapter patterns for HyperFrames. Use when authoring element.animate() motion, Animation currentTime seeking, document.getAnimations(),…
website-to-hyperframes
Capture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) someone says "capture this site", "turn…
frontend-security-coder
Expert in secure frontend coding practices specializing in XSS prevention, output sanitization, and client-side security patterns.
i18n-localization
Internationalization and localization patterns. Detecting hardcoded strings, managing translations, locale files, RTL support.
nextjs-best-practices
Next.js App Router principles. Server Components, data fetching, routing patterns.
performance-profiling
Performance profiling principles. Measurement, analysis, and optimization techniques.
react-best-practices
Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Use when writing new React components or Next.js pages,…
react-patterns
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
tailwind-patterns
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
site
When to use: build a full website via `/web/.actions/create-site` — themes at `/web/.library/themes`; writable storage on a fresh instance is `/work` (not…