build-frontend
Build or modify frontend interfaces using repository-native components while preserving accessibility, responsive behavior, state handling, and visual…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-29 00:09
Frontend & websites
11,266 results
visual-qa
Browser-based visual QA for frontend changes. Opens the running app, takes screenshots, identifies layout/styling/UX issues. Use when: frontend changes are…
vue-pinia
Master Pinia State Management - Stores, Actions, Getters, Plugins, Persistence
vue-typescript
Master Vue TypeScript - Type-safe Components, Generics, Type Inference, Advanced Patterns
next-cache-components
Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag
next-upgrade
Upgrade Next.js to the latest version following official migration guides and codemods
apple-build-native-uis
SwiftUI interface development guidelines from Apple's official tutorials. This skill should be used when building, reviewing, or refactoring SwiftUI views,…
nextjs-16-app-router
nextjs-16-app-router — an installable skill for AI agents, published by pproenca/dot-skills.
cinematic-ui
Design and build websites with film-inspired visual systems, director-driven art direction, storyboard-first layout planning, and cinematic motion. Use when…
human-view
Give supplied content a clear, useful default visual presentation for people. Use when composing an HTML report, explainer, plan or interface without a settled…
i18n-translate
Complete and maintain frontend i18n translations for this project. Covers finding missing translation keys, detecting untranslated entries, and adding…
journal-creator
Read the SRS, architecture, and frontend-design specs to produce a comprehensive, dependency-ordered journal of user and technical stories at…
react-refactor-tournament
Review React/Next.js code against the real vercel-react-best-practices skill, backlog the performance findings keyed to actual rule ids + impact tiers, rank…
frontend-starter-kit
Complete frontend stack -- 14 setup skills + 14 owned workflow skills + 4 optional community skills in one command. Use when starting new frontend project or…
revyl-cli-auth-bypass-react-native
React Native bare leaf recipe for test-only auth bypass deep links using Revyl launch variables.
css-modern
Enforce modern CSS authoring with DTCG-aligned design tokens, native nesting, container queries, cascade layers, and progressive enhancement. Use when…
tailwind-modern
Enforce modern Tailwind CSS v4 setup, authoring, migration, and debugging across standalone HTML/CDN, Vue + Vite, and Nuxt environments using only current…
dynamic-forms
Build forms that change as they are filled in — cascading or dependent dropdowns, conditional fields and sections, option lists that depend on another field,…
layout
SwiftUI layout beyond stacks — the Layout protocol (when custom layout beats GeometryReader), Grid vs lazy grids, custom containers with sections and container…
video2html
Transforma uma imagem de UI aprovada + um vídeo de referência (gerado por image-to-video) num HTML vivo e interativo: lê o movimento do vídeo (mapa de pixels +…
react-best-practices
React performance optimization guidelines from Vercel Engineering (vercel-labs/agent-skills). Use when writing, reviewing, or refactoring React components,…
caching-strategy
Understand the caching architecture, Cache Components (PPR), and revalidation mechanisms. Use when debugging stale content, modifying caching behavior, or…
react-patterns
Write idiomatic React with proper hooks and render purity. Use when writing components, fixing hook-related lint errors, or deciding where to put logic (render…
ui-components
Create and style UI components with design tokens. Use when creating components, styling with Tailwind, deciding between Server/Client Components, or using…