auditing-ui-archeology
Analyzes legacy UI templates (Pug, EJS, HTML) to extract a comprehensive inventory of components, layouts, and conditional logic. Use when reverse-engineering…
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-01 00:15
11,341 results
Analyzes legacy UI templates (Pug, EJS, HTML) to extract a comprehensive inventory of components, layouts, and conditional logic. Use when reverse-engineering…
Generates a new Next.js application with Tailwind, TypeScript, and modern dependencies based on audit specifications. Use when beginning the scaffolding phase…
Translates a UI_Component_Inventory.md artifact into modern ShadCN + Tailwind components AND fully scaffolded Next.js pages. Use when building the frontend…
Audit a website for AI search readability. Scrapes pages and scores each one across 6 dimensions: positioning clarity, structured content, query alignment,…
motion-graphic primitive — multi-stripe rectangular reveal where the canvas (or a region) fractures into N horizontal strips and each strip wipes from layer A…
GooseWorks data toolkit. Search and scrape Twitter/X, Reddit, LinkedIn, websites, and the web. Find people, emails, and company info. Enrich contacts and…
Expert guidelines for Native WeChat Mini Program development focusing on performance, code size, and native compatibility. Use when developing WeChat Mini…
Use sgds-file-upload to display a file upload button with selected file list, validation, and support for multiple files. Apply this skill whenever a user asks…
Use the sgds-icon web component to render icons from the SGDS icon registry. Apply this skill whenever a user asks about icons, sgds icons, icon names, icon…
Use the sgds-icon-button web component for icon-only interactive buttons. Apply this skill whenever a user asks about icon buttons, icon-only buttons, action…
Use the sgds-icon-list web component to render lists of items each prefixed by an icon. Apply this skill whenever a user asks about icon lists, feature lists,…
Use sgds-input to display a text input form control with label, hint text, prefix/suffix, validation, and loading state. Apply this skill whenever a user asks…
Use the sgds-link web component for styled navigation links. Apply this skill whenever a user asks about links, anchor links, navigation links, link tone, link…
Use sgds-mainnav, sgds-mainnav-item, and sgds-mainnav-dropdown to build the primary site navigation bar. Apply this skill whenever a user asks about main…
Use the sgds-overflow-menu web component to display a three-dot icon button that toggles a dropdown menu of actions. Apply this skill whenever a user asks…
Use sgds-progress-bar to display a visual progress indicator for a task or value. Apply this skill whenever a user asks about progress bars, loading progress,…
Setup and framework integration for SGDS web components. Apply this skill whenever a user asks about installing SGDS, integrating with React, Vue, Angular, or…
Use sgds-sidenav, sgds-sidenav-item, and sgds-sidenav-link to build a vertical sidebar navigation with multi-level nesting. Apply this skill whenever a user…
Use the sgds-skeleton web component to render placeholder loading skeletons before content loads. Apply this skill whenever a user asks about skeletons,…
Use sgds-subnav and sgds-subnav-item to display a horizontal secondary navigation bar below the main nav. Apply this skill whenever a user asks about subnav,…
Use sgds-switch to display a toggle switch for binary on/off controls. Apply this skill whenever a user asks about toggle switches, on/off toggles, boolean…
Use sgds-table-of-contents to render an in-page navigation list that links to sections on the page. Apply this skill whenever a user asks about a table of…
Use sgds-toast and sgds-toast-container web components to display brief, non-blocking notifications. Apply this skill whenever a user asks about toasts,…
Use SGDS background color utilities with the sgds: prefix for theme-aware surface colors and color tokens. Apply this skill whenever a user asks about…