forge-spacing-audit
Find every spacing value in the codebase that doesn't match your scale. Lists violations by file and line.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-29 00:09
Frontend & websites
11,264 results
forge-spacing-fix
Auto-fix all off-scale spacing values. Snaps to nearest system value and replaces with token reference.
forge-touch
Verify all interactive elements meet 44×44px minimum touch target size. Suggests padding increases using your spacing scale.
ui-cloner
Clone any website's design and adapt it to your brand. Use this skill when the user wants to clone a website, replicate a site's design, build a site inspired…
ui-review
[Code Quality] Use when reviewing UI/frontend changes for long-content overflow, responsive multi-screen layout (flex-wrap / row-to-column on small devices),…
react-email
Use when creating HTML email templates with React components - welcome emails, password resets, notifications, order confirmations, newsletters, or…
kibana-i18n
Add i18n to Kibana React components and server code using @kbn/i18n and @kbn/i18n-react. Use when internationalizing UI strings, adding FormattedMessage,…
krt-frontend-ux-guardian
Guard frontend work toward functional, accessible, responsive, task-centered UX/UI and browser-verified quality. Use independently when building, changing, or…
krt-interaction-polisher
Audit and refine the temporal, tactile, and perceived-performance quality of frontend interactions. Use when an implemented app feels dead, abrupt, sluggish,…
vue-layout
Vue 3 + SCSS layout slicing skill (layout slicing Agent) — pixel-perfect accurate implementation. Generate **1:1 visually faithful** Vue 3 pure presentational components (Dumb Components) from Figma design files. Trigger scenarios include: "Help me slice the layout", "Generate components based on Figma", "Build UI based on spec", "Help me build Vue…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…
meta-frameworks-overview
Explains meta-frameworks like Next.js, Nuxt, SvelteKit, Remix, Astro, and their architectural patterns. Use when comparing frameworks, choosing a framework for…
frevana-space-cms
Publish or update one local HTML file with Frevana Space CMS on the user's Frevana custom domain and return its public URL, file key, and content ID to the…
stage-site
Stages the Flutter site locally. This includes checking for broken links, verifying excerpts, updating formatting, and serving the dev site.
configuring-webapp-metadata
Use this skill when configuring web application metadata structure, webapplication.json, or bundle organization. Covers WebApplication bundle layout, meta XML,…
creating-webapp
Use this skill when creating or setting up a new SFDX React web application. Covers first steps, npm install, skills-first protocol, deployment order, and core…
scientific-reporting
Write research/technical reports with strong structure + figure standards. Supports Markdown/HTML/PDF outputs (Quarto optional), executive summary, methods,…
explain-changes
Explain how the code on the current branch works, as an HTML page opened in the browser, written so someone can understand the change and review it. Use when…
figma-to-react
Convert Figma designs to pixel-perfect React components with Tailwind CSS.
nuxt-website
Build and maintain Vue 3/Nuxt 4 marketing websites. Use when working with website pages, components, layouts, SEO, Nuxt configuration, or when user mentions…
holiday-of-12306
12306 holiday ticket-grabbing calendar. Enter the departure station and return station, automatically sync chinesecalendar, query the sale start times for the two stations separately, generate an HTML page, and download ICS with one click to import into the calendar. Use this skill when the user mentions "holiday ticket purchase" or "12306 sale start time".
tufte-chart
Render a real, publication-ready data graphic (SVG or HTML) that obeys Tufte's principles — minimal ink, range-frame axes, direct labels, honest proportions.…
sgds-components-checkbox
Use sgds-checkbox and sgds-checkbox-group to display one or more checkboxes with label, indeterminate state, and validation. Apply this skill whenever a user…
bio-reporting-rmarkdown-reports
Create reproducible bioinformatics analysis reports with R Markdown including code, results, and visualizations in HTML, PDF, or Word format. Use when…