# plugin87 > Open-source publisher. Listings imported from github.com/plugin87 — credited to the original author with their license. - **Listings:** 15 - **Total installs:** 0 - **Profile:** https://agentstack.voostack.com/s/plugin87 - **Website:** https://github.com/plugin87 ## Published listings - [Design Tokens System](https://agentstack.voostack.com/l/skill-plugin87-full-stack-design-skills-design-tokens-system) — Skill · Free · security-reviewed — `agentstack add skill-plugin87-full-stack-design-skills-design-tokens-system` Comprehensive design token architecture and system implementation. Use this skill for token definition and structure, token generation and transformation, design token distribution across platforms, Figma Variables, design token sync automation, and multi-platform token consumption (web, mobile, docs). - [Frontend Framework Guide](https://agentstack.voostack.com/l/skill-plugin87-full-stack-design-skills-frontend-framework-guide) — Skill · Free · security-reviewed — `agentstack add skill-plugin87-full-stack-design-skills-frontend-framework-guide` Master modern frontend frameworks for building production-quality web applications. Use this skill for React patterns and best practices, hooks and state management, component architecture, performance optimization, testing strategies, and framework selection. Triggers include: React component patterns, custom hooks development, state management (Redux, Context, Zustand), component composition, p… - [Deployment Devops Workflow](https://agentstack.voostack.com/l/skill-plugin87-full-stack-design-skills-deployment-devops-workflow) — Skill · Free · security-reviewed — `agentstack add skill-plugin87-full-stack-design-skills-deployment-devops-workflow` CI/CD pipelines, deployment automation, and monitoring for design systems. Use this skill for GitHub Actions workflow setup, automated testing and building, deployment strategies, versioning and tagging, rollback procedures, performance monitoring, and team collaboration in deployment pipelines. - [Inclusive Design Patterns](https://agentstack.voostack.com/l/skill-plugin87-full-stack-design-skills-inclusive-design-patterns) — Skill · Free · security-reviewed — `agentstack add skill-plugin87-full-stack-design-skills-inclusive-design-patterns` Design accessible and inclusive UI patterns that work for everyone, regardless of ability. Use this skill for accessible color combinations, accessible typography, form patterns with proper labeling, motion and animation safety, icon accessibility, accessible interactive components, multilingual design, and inclusive testing strategies. Triggers include: color contrast and colorblind accessibilit… - [Web Performance Optimization](https://agentstack.voostack.com/l/skill-plugin87-full-stack-design-skills-web-performance-optimization) — Skill · Free · security-reviewed — `agentstack add skill-plugin87-full-stack-design-skills-web-performance-optimization` Optimize web applications for speed, responsiveness, and efficiency. Use this skill for Core Web Vitals analysis, Lighthouse interpretation, asset optimization strategies, network performance tuning, runtime performance improvements, monitoring setup, and performance budgets. Triggers include: page speed optimization, Lighthouse audit review, Core Web Vitals improvement, image/CSS/JS optimization… - [Design Fundamentals](https://agentstack.voostack.com/l/skill-plugin87-full-stack-design-skills-design-fundamentals) — Skill · Free · security-reviewed — `agentstack add skill-plugin87-full-stack-design-skills-design-fundamentals` Master universal design principles for UI, web, and applications. Use this skill whenever you need to apply color theory, typography, layout systems, spacing, visual hierarchy, or contrast guidelines. Triggers include design critiques, UI specs, accessibility concerns, design system foundations, responsive layout problems, and questions about why something doesn't look right. Essential for both d… - [Anti Ai Design Patterns](https://agentstack.voostack.com/l/skill-plugin87-full-stack-design-skills-anti-ai-design-patterns) — Skill · Free · security-reviewed — `agentstack add skill-plugin87-full-stack-design-skills-anti-ai-design-patterns` Detect and eliminate AI-generated design tells — "AI slop" and generic "AI-alien" aesthetics — so interfaces read as human-crafted and intentional. Use this skill whenever generating or reviewing any UI, component, landing page, email, or design-token set. Triggers include: single-side accent borders / left-rail cards, emoji or emoticons used as icons or section markers, default purple-to-blue gr… - [Qa Testing Visual Regression](https://agentstack.voostack.com/l/skill-plugin87-full-stack-design-skills-qa-testing-visual-regression) — Skill · Free · security-reviewed — `agentstack add skill-plugin87-full-stack-design-skills-qa-testing-visual-regression` Visual regression testing and pixel-perfect quality assurance. Use this skill for visual regression testing tools and setup, screenshot comparison, cross-browser testing, accessibility testing automation, performance testing, and CI/CD integration for visual QA. - [Component Library Mastery](https://agentstack.voostack.com/l/skill-plugin87-full-stack-design-skills-component-library-mastery) — Skill · Free · security-reviewed — `agentstack add skill-plugin87-full-stack-design-skills-component-library-mastery` Build and maintain production component libraries with Storybook. Use this skill for component documentation, Storybook setup and configuration, component publishing, versioning strategies, component distribution via npm, component API documentation, and library maintenance. - [Design Systems Architecture](https://agentstack.voostack.com/l/skill-plugin87-full-stack-design-skills-design-systems-architecture) — Skill · Free · security-reviewed — `agentstack add skill-plugin87-full-stack-design-skills-design-systems-architecture` Build scalable, maintainable design systems that grow with your product. Use this skill for design system foundations, component architecture, token strategies, governance decisions, scaling patterns, documentation standards, versioning, and cross-team collaboration. Triggers include: design system audits, component library structure, design token organization, system governance questions, scalin… - [Figma Expert Workflows](https://agentstack.voostack.com/l/skill-plugin87-full-stack-design-skills-figma-expert-workflows) — Skill · Free · security-reviewed — `agentstack add skill-plugin87-full-stack-design-skills-figma-expert-workflows` Master advanced Figma workflows for professional design systems and collaborative design. Use this skill for component creation, design tokens, variables, prototyping, design tokens sync with code, collaborative features, performance optimization, plugin recommendations, and handoff processes. Triggers include: Figma component strategy, design token management in Figma, interactive prototypes, de… - [Web Accessibility A11y](https://agentstack.voostack.com/l/skill-plugin87-full-stack-design-skills-web-accessibility-a11y) — Skill · Free · security-reviewed — `agentstack add skill-plugin87-full-stack-design-skills-web-accessibility-a11y` Build accessible web experiences that work for everyone. Use this skill whenever dealing with WCAG compliance, semantic HTML, ARIA patterns, screen reader testing, keyboard navigation, contrast ratios, accessibility audits, or inclusive design patterns. Triggers include: accessibility concerns, form design, modal dialogs, focus management, live regions, color-only differentiation, keyboard shortc… - [Css Styling Pixel Perfect](https://agentstack.voostack.com/l/skill-plugin87-full-stack-design-skills-css-styling-pixel-perfect) — Skill · Free · security-reviewed — `agentstack add skill-plugin87-full-stack-design-skills-css-styling-pixel-perfect` Master CSS architecture, styling strategies, and pixel-perfect component implementation. Use this skill for CSS architecture patterns (BEM, OOCSS, atomic), Tailwind CSS configuration and best practices, CSS-in-JS libraries, component styling patterns, CSS modules, responsive styling, performance optimization, and accessibility-aware styling. Triggers include: CSS organization and naming conventio… - [Design To Code Workflow](https://agentstack.voostack.com/l/skill-plugin87-full-stack-design-skills-design-to-code-workflow) — Skill · Free · security-reviewed — `agentstack add skill-plugin87-full-stack-design-skills-design-to-code-workflow` Bridge the gap between design and development for seamless component creation. Use this skill for design-to-code processes, component specification documentation, developer handoff, component generation strategies, design system implementation in code, Figma → React workflows, automated component generation, design tokens integration, and development team collaboration. Triggers include: converti… - [Responsive Universal Design](https://agentstack.voostack.com/l/skill-plugin87-full-stack-design-skills-responsive-universal-design) — Skill · Free · security-reviewed — `agentstack add skill-plugin87-full-stack-design-skills-responsive-universal-design` Master responsive design principles and universal design for mobile-first web and cross-device experiences. Use this skill for mobile-first strategy, responsive breakpoints, flexible layouts, touch-friendly interfaces, device testing, accessibility across devices, performance on mobile, viewport configuration, and responsive images. Triggers include: mobile-first design strategy, breakpoint plann… --- Seller on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Install any with `agentstack add `.