Manages spartan/ui, the Angular UI library - adding, composing, fixing, debugging, and styling UI with the Brain (headless primitives) and Helm (styled)…
Updated 2026-09-22 16:41:41 +08:00
ui-ux-pro-max: Catalog-only UI/UX Pro Max entry. The full upstream templates, data, and search workflow are not bundled in OpenDesign.; frontend-design: Create distinctive, production-grade frontend interfaces with strong visual direction, polished typography, considered layout, and working HTML/CSS/JS or…; web-design-guidelines: Review UI code for Web Interface Guidelines compliance by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product…; design…
agent-skills
ai-design
byok
claude-code-for-design
claude-design
codex-design
coding-agents
cursor-design
deepseek
deepseek-harness
design-systems
desktop-app
dsh
dsh-plugin
figma-alternative
hermes-agent
local-first
prototyping
ui-generator
vibe-coding
Updated 2026-09-20 06:15:07 +08:00
Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements. Use when making…
agent-skills
ai
ai-tools
claude-design
cli
codex
design
design-md
design-system
design-tools
gemini
gemini-cli-extension
google-stitch
skills
terminal
ui
Updated 2026-09-19 07:24:37 +08:00
nuxt: Nuxt application development and maintenance. Use for project structure, pages and routing, data fetching, SSR-safe state, middleware, plugins, server routes,…; vue: Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best…; reka-ui: Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled…; nuxt-ui:…
Updated 2026-09-14 14:11:27 +08:00
fixing-motion-performance: Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations…; baseline-ui: Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.; fixing-accessibility: Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form err…
Updated 2026-09-13 16:31:49 +08:00
chrome-devtools: Uses Chrome DevTools via MCP for efficient debugging, troubleshooting and browser automation. Use when debugging web pages, automating browser interactions,…; chrome-devtools-cli: Use this skill to write shell scripts or run shell commands to automate tasks in the browser or otherwise use Chrome DevTools via CLI.; a11y-debugging: Uses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines. Use when testing semantic HTML, ARIA labels, foc…
Updated 2026-09-13 08:06:24 +08:00