frontend-security-coder-v3
frontend-security-coder workflow skill. Use this skill when the user needs Expert in secure frontend coding practices specializing in XSS prevention, output…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-28 00:17
Frontend & websites
11,241 results
omniroute-web-fetch
Fetch a URL and convert to clean markdown via OmniRoute proxying Jina Reader, Firecrawl, raw HTML strip. Use when the user wants to ingest a webpage as…
legal-impressum
Creates and reviews Austrian Impressum and disclosure content for websites, including ECG, UGB, GewO, MedienG, Offenlegung, and company-form-specific…
typo3-vite
Use when configuring Vite 7 for TYPO3 v13/v14 LTS projects, setting up SCSS architecture with Bootstrap 5.3 theming, creating entrypoints per content element,…
baogong
Job coach, not a polisher. Interactively tailor resumes for a JD, with fabrication-blocking gates to ensure every experience can withstand interview follow-up questions. Dual delivery in HTML + Markdown.
frontend-design
Create distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications with React-based frameworks. Includes Tailwind CSS v4, shadcn/ui components, Motion animations, and visual design philosophy for avoiding generic AI aesthetics.
base-ui-basic-primitives
Use for simple primitives with low integration complexity (Avatar, Button, Meter, Progress, Scroll Area, Separator).
telegram-mini-app
Expert in building Telegram Mini Apps (TWA) - web apps that run inside Telegram with native-like experience. Covers the TON ecosystem, Telegram Web App API,…
review-ui
[Code Quality] Use when reviewing UI/frontend changes for long-content overflow, responsive multi-screen layout, flex-vs-fixed sizing, z-index discipline, and…
web-frameworks
Build modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, SSR, SSG, ISR), Turborepo (monorepo management, task pipelines,…
krt-interface-warden
Independently design or implement distinctive, functional frontend interfaces using Editorial Product UI: content-led hierarchy, working-surface metaphors,…
universal-theme
Configure light/dark/system theme handling across iOS, Android, and Web with universal CSS
website-estimation
Guided workflow for creating relative website project estimations. Use this skill whenever the user wants to estimate, scope, or price a website project —…
context-master
Universal context management and planning system. PROACTIVELY activate for: (1) ANY complex task requiring planning, (2) Multi-file projects/websites/apps, (3)…
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,…
svg-figures
Design and build animated SVG figures for product sites, docs, and blogs: isometric and hairline drawings, interactive illustrations that react to the pointer,…
optimistic-ui-patterns
Explains optimistic UI updates, mutation lifecycles, rollback strategies, temporary IDs, and reconciliation patterns. Use when implementing fast-feeling…
react-native-skills
React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing…
navvi-browse
Autonomous browser agent — navigates, interacts, and reports using Navvi MCP tools. Use when asked to browse a website, interact with web pages, scrape…
opendesign-codegen
OpenDesign code direct output guide. Use this skill when designers (especially experience/design teams in various communities) ask AI tools to turn requirements/design intent directly into pages or components—the AI should **directly generate Vue 3 + OpenDesign code that conforms to engineering standards** (real O components + --o- design tokens + scoped SCSS + BEM +...
page-generator
Generate the frontend page structure based on standardized Anatomy specifications; proactively ask the user to choose a generation mode (unsupervised/supervised), support automatic generation of Wrapper, Content, and Optional Store modules
composable-svelte-components
UI component library reference for Composable Svelte. Use when implementing designs, choosing components, styling layouts, or working with shadcn-svelte…
sveltekit-spa
Comprehensive guide for building SvelteKit applications in SPA (Single Page Application) mode with client-side rendering only. Use when working on SvelteKit…
cmdk-static-fulltext-search
A high-performance, database-free, edge-cached full-text search implementation using `cmdk` and Next.js static API routes.