angular-best-practices
Angular performance optimization and best practices guide. Use when writing, reviewing, or refactoring Angular code for optimal performance, bundle size, and…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-01 00:15
Frontend & websites
11,341 results
angular-migration
Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injection changes, and routing migration.
angular-state-management
Master modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state…
angular-ui-patterns
Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component…
audit-website
Use when a website needs a broad audit covering UX, conversion, content, SEO, technical correctness, and information hierarchy before changes are planned.
frontend-layout
Use for landing pages, websites, apps, and UI where visual composition and structure are the primary concern. Enforces art direction, image-led hierarchy,…
frontend-mobile-development-component-scaffold
You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component…
frontend-mobile-security-xss-scan
You are a frontend security specialist focusing on Cross-Site Scripting (XSS) vulnerability detection and prevention. Analyze React, Vue, Angular, and vanilla…
frontend-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
adding-motion-and-interaction-taste-rules
Write motion rules into a SKILL.md so AI agents animate with a reason, correct timing and easing, full interaction states and reduced-motion support.
configuring-layout-and-visual-density-constraints
Write container, grid, section-variety and density rules into a SKILL.md so AI agents compose pages deliberately and collapse them cleanly on mobile.
tailwind-design-system
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries,…
rtl
Audit and maintain RTL (right-to-left) layout compatibility in stream-chat-react-native. Use when changing styles, positioning, flex layouts, swipe gestures,…
mantine-react-component-dev
Development guidelines and patterns for building React component libraries with Mantine UI, TypeScript, and modern tooling. Use this skill when creating,…
dangling-markup-injection
Dangling markup injection playbook. Use when HTML injection is possible but JavaScript execution is blocked (CSP, sanitizer strips event handlers, WAF blocks…
xss-cross-site-scripting
XSS playbook. Use when user-controlled content reaches HTML, attributes, JavaScript, DOM sinks, uploads, or multi-context rendering paths.
analyze-crypto
One-click comprehensive cryptocurrency analysis. Collect data across five dimensions—price, news sentiment, sector comparison, market environment, and project fundamentals—through parallel subagents, then output an HTML report after cross-analysis (including 24-hour market data and 7-day trends). Trigger words: analyze BTC, analyze ETH, how is Bitcoin doing, is SOL worth buying.
analyze-stock
One-click comprehensive analysis of a stock/company. Through parallel sub-agents, simultaneously collect data across five dimensions: stock price, news sentiment, industry comparison, market environment, and company official website; then perform cross-analysis, causal attribution, and trend forecasting on the main thread, and output a standardized HTML analysis report (including the day's market data and 7-day trend). Trigger words: analyze XX stock, analyze TICKER, how is XX, is XX worth buying. Supports A-shares, Hong Kong stocks, and US stocks.
chat-ui
Chat UI building blocks for React/Next.js from ui.inference.sh. Components: container, messages, input, typing indicators, avatars. Capabilities: chat…
widgets-ui
Declarative UI widgets from JSON for React/Next.js from ui.inference.sh. Render rich interactive UIs from structured agent responses. Capabilities: forms,…
timetable-card
Generate a compact, printable HTML timetable card from a school schedule image. Produces 3 identical cut-out cards on one A4 page — sized to fit in a pencil…
dev-testing-frontend
Testing the Capsem frontend. Use when writing frontend tests, running type checks, or doing visual verification with Chrome DevTools MCP.
frontend-design
Capsem frontend design system. Use when building UI components, styling views, choosing colors, or working with Svelte 5 runes and the component library.
gee-adhoc-maps
Build quick interactive HTML maps to inspect Earth Engine results. Use layered overlays on a satellite basemap with per-layer opacity, clear/show-all, and a…