templ
Write and review templ templates: syntax, components, attributes, styling, JavaScript data passing, escaping and sanitization, code generation, and testing.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-28 00:17
Frontend & websites
11,240 results
vue
Vue 3 conventions, Composition API patterns, SFC structure, reactivity, composables, and TypeScript integration. Invoke whenever task involves any interaction…
frontend-design
Create unique, production-grade high-quality frontend interfaces. Use this skill when the user asks to build web components, pages, works, posters, or applications (e.g., websites, landing pages, dashboards, React components, HTML/CSS layouts, or styling/beautifying any web UI). Generate creative, polished code and UI design, avoiding generic AI aesthetics.
harden-pro
Master of Interface Resilience & Production Edge Cases. Expert in error handling, internationalization (i18n), and extreme data constraints.
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…
canvas-gestures-and-hit-testing
Turns canvas taps, swipes, drags and aim into typed intents: one gesture module, hit-testing on the drawn layout. Use when a Skia canvas takes touch or a tap…
web-design-reviewer
This skill enables visual inspection of websites running locally or remotely to identify and fix design issues. Triggers on requests like "review website…
nextjs
Next.js patterns for routing, data fetching, server components, and deployment. Use when user mentions "next.js", "nextjs", "app router", "pages router",…
angular-material
Angular Material component library expertise for Angular 20+ applications. Use when implementing Material Design components (buttons, forms, dialogs, tables,…
angular-router
Angular Router for navigation, routing configuration, route guards, lazy loading, and parameter handling. Use when setting up routes, implementing navigation…
angularfire
AngularFire library for integrating Firebase services (Authentication, Firestore, Storage, Functions, Analytics) with Angular applications. Use when building…
capabilities-layer
Patterns for implementing features under src/app/capabilities, including presentation/application/domain/integration boundaries, NgRx Signals stores,…
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,…
modern-accessible-html-jsx
Write clean, modern, and highly accessible HTML & JSX code, using semantically correct elements and attributes
modern-best-practice-nextjs
Build modern Next.js apps with App Router and best practices
modern-tailwind
Build clean, scalable UIs with Tailwind CSS using modern utilities and variants
use-modern-browser-apis
Utilize built-in browser APIs (like Popover API, View Transitions etc) instead of building features manually via JavaScript
react-router-loader-performance
React Router v7 loader performance optimization techniques. Use when optimizing TTFB, eliminating waterfalls, consolidating database queries, or streaming…
frontend-css
Write consistent, maintainable CSS following the project's methodology (Tailwind utility classes) while minimizing custom CSS and adhering to design system…
vue-best-practices
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar,…
remotion-best-practices
Best practices for Remotion - Video creation in React
ui-ux-pro-max
UI/UX design intelligence. 67 styles, 96 palettes, 56 font pairings, 25 charts, 13 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter,…
archify
Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, dark/light…
frontend-design
When web and digital interface designers are tired of cookie-cutter AI-flavored designs while building web pages or application components, use this skill. Generate production-grade front-end code with strong visual impact, unique typography, and stunning motion effects in one click. Say goodbye to mediocrity and create unforgettable, high-quality digital interfaces.