frontend-dev-agent
Frontend Development Agent — UI implementation, component building, interaction design, performance optimization, accessibility
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
Frontend & websites
11,292 results
cache-components
Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). **PROACTIVE ACTIVATION**: Use this skill automatically when working in Next.js…
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,…
present
Present the result of analysis, research, or a gathered deliverable as a polished, self-contained HTML page instead of a terminal wall of text, then open it in…
figma-implement-design
Use to translate inspected Figma structure into a production-ready Toolcraft generated app.
vue-nuxt
Master Nuxt.js - SSR, SSG, Nitro Server, Modules, Auto-imports, Deployment
vue-router
Master Vue Router - Navigation, Guards, Lazy Loading, Meta Fields, History Modes
ian-xiaohei-svg-motion
Create Ian Xiaohei-style HTML/SVG motion illustrations for Chinese articles, scripts, storyboard scenes, workflow explanations, concept metaphors, and short…
exec-report
Generates a polished, self-contained HTML executive report or dashboard from any data source — SharePoint lists, CSV exports, or a user description. Use when…
permission-report
Create a read-only permission and sharing access review report as a self-contained HTML file saved to SharePoint. Use when the user says: - "who has…
scorecard-matrix
Generates a polished, self-contained HTML heatmap scorecard — a weighted comparison matrix where entities (rows) are scored across dimensions (columns), with…
sharepoint-safe-html
Creates single-file HTML artifacts that render reliably in SharePoint, OneDrive, Teams, File Viewer, and embedded iframe preview surfaces. Use this skill…
frontend-design
frontend-design — an installable skill for AI agents, published by pproenca/dot-skills.
react-19
react-19 — an installable skill for AI agents, published by pproenca/dot-skills.
shadcn-ui
shadcn-ui — an installable skill for AI agents, published by pproenca/dot-skills.
tailwindcss-v4-style
tailwindcss-v4-style — an installable skill for AI agents, published by pproenca/dot-skills.
publish
Share brain pages as beautiful password-protected HTML with zero LLM calls
react-best-practices
React and frontend performance optimization guidelines. Use when writing, reviewing, or refactoring React code to improve rendering behavior, bundle cost,…
css-author
Modern CSS organization with native @import, @layer cascade control, CSS nesting, design tokens, and element-focused selectors. AUTO-INVOKED when editing .css…
accessibility-checker
Ensure WCAG2AA accessibility compliance. Use when creating forms, adding images, building navigation, creating interactive elements, or any user-facing HTML…
astro
Build content-focused websites with Astro. Use when creating .astro files, working with content collections, configuring islands architecture, or deploying to…
content-author
Write quality content for HTML documents. Use when writing text content, prose, descriptions, or any human-readable content in HTML files. Ensures spelling and…
css-author
Modern CSS organization with native @import, @layer cascade control, CSS nesting, design tokens, and element-focused selectors. AUTO-INVOKED when editing .css…
custom-elements
Define and use custom HTML elements. Use when creating new components, defining custom tags, or using project-specific elements beyond standard HTML5.