angular-ecosystem
Consolidated Angular 20+ ecosystem guide covering standalone components, signals, NgRx Signals state, Material 3 + CDK, Router, typed forms, RxJS interop, and…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-26 00:15
Frontend & websites
11,102 results
angular-material-v20
Angular Material v20 UI component library for Angular 20+ applications. Use when implementing Material Design components, theming, forms, tables, dialogs,…
d3-visualization
D3 ecosystem guidance for designing and implementing interactive charts and diagrams in Angular with signals-first architecture, accessibility support, and…
workspace-context
Workspace context patterns for src/app/workspace, including workspace lifecycle, stable context signals, workspace switching, and event emission for other…
frontend-css
Unified web frontend knowledge base covering CSS architecture, UX psychology, UI components, distinctive aesthetics, and interface design generation. TRIGGER…
radix-ui
Expert guidance for building with Radix UI -- Primitives (unstyled accessible components) and Themes (pre-styled design system). Covers composition patterns,…
xtermjs-skill
Build, configure, debug, and extend in-page console UIs. TRIGGER WHEN: the user mentions xterm, xterm.js, @xterm/xterm, terminal emulator in the browser, web…
canvas-component-definition
Start here for any React component task to enforce the canonical Canvas component contract. Use for create, modify, refactor, review, migrate, or validate…
canvas-data-fetching
Fetch and render Drupal content in Canvas components with JSON:API and SWR patterns. Use when building content lists, integrating with SWR, or querying related…
gogh
Scaffold and operate Gogh, a source-cited Obsidian brain for design skill stack advice across six frontend design skills: taste-skill v2,…
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…
remotion-best-practices
Best practices for Remotion - Video creation in React
arabic-rtl-mobile
Use when building or fixing Arabic-first mobile interfaces in iOS native, Android native, or React Native, especially when Arabic text appears visually…
frontend-iconify
Image sourcing strategy for UI projects. Use FREE resources first - DiceBear/Boring Avatars for avatars, Unsplash/Picsum for photos, unDraw/Storyset for…
frontend-master
Master skill for frontend development with Next.js + React + Tailwind stack. Decision framework for choosing components, animations, assets, and tools. Routes…
frontend-shadcn
DEFAULT foundation component library for all React/Next.js UI needs. Use as the starting point for any project needing buttons, inputs, dialogs, forms, tables,…
ziwei-ai-html-report
Use when a user needs a saveable Zi Wei Dou Shu HTML report from birth data or chart context in an agent workflow that must stay self-contained, avoid invented…
figma-verify
Figma alignment / visual comparison / UI ship gate — anything mentioning figma, Figma alignment, Figma vs local, Figma vs code, design comparison, visual differences, screenshot diff, UI alignment, UX alignment, copy alignment, design token alignment, or UI / copy PR about to…
slack-network-alerts
Format and deliver network alerts, health warnings, and critical notifications via Slack with rich formatting, reactions, and file attachments. Use when…
calypso-react-query-migration
Use when editing or migrating Calypso Reader data-fetching code — `client/components/data/query-reader-*` components, `@automattic/data-stores` Reader hooks,…
html-effectiveness-proto
Sub-skill — prototypes and clickable flows. Use when the user wants to decide the duration/easing of a transition (animation sandbox, animation.html) or wants to "walk through" a 4-6 screen interaction flow to validate the feel. Contains two paradigms: animation sandbox and clickable flow. Loaded when the parent skill routes a "animation/prototype/feel/clickable flow" type request.
html-effectiveness-report
Child skill — periodic reports. Use when the user wants to write a weekly status report (status.html, KPI/shipped/velocity/carryover) or an incident postmortem (postmortem.html, timeline/root cause/impact/action items). When the parent skill routes a match on "weekly report/status/status…
html-effectiveness-research
Sub-skill — Research & Learning. Use when the user asks "how does X work in this repo" (feature explainer, including TL;DR/collapsible steps/tab code/FAQ) or wants an abstract concept explained (concept.html, including interactive visualization). Load when the parent skill routes a request matching "explain/explain/teach me/what is this/learn".