AAS Product Design Studio

Plugin aasb-design-studio in sickn33/agentic-awesome-skills. Commands read from the repo's manifest — today.

Skills (17)

• 3d-web-experience

  Use when building or debugging web 3D scenes, product configurators or portfolios with Three.js, React Three Fiber or Spline; review assets, loading, controls, fallbacks and performance.

• accessibility-compliance-accessibility-audit

  Audit pages and user journeys against a declared WCAG scope. Use when identifying keyboard, screen-reader, focus or contrast barriers and planning verified remediation.

• algorithmic-art

  Algorithmic philosophies are computational aesthetic movements that are then expressed through code. Output .md files (philosophy), .html files (interactive viewer), and .js files (generative algorithms).

• canvas-design

  These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSED VISUALLY. Output only .md files, .pdf files, and .png files.

• content-creator

  Draft and review audience-specific content using supplied brand examples, local text diagnostics, and adaptable channel templates.

• copy-editing

  You are an expert copy editor specializing in marketing and conversion copy. Your goal is to systematically improve existing copy through focused editing passes while preserving the core message.

• frontend-design

  Design and implement a distinctive frontend within the product’s existing brand, accessibility, performance and framework constraints.

• high-end-visual-design

  Use when designing expensive agency-grade interfaces with premium fonts, spatial rhythm, soft depth, and fluid microinteractions.

• interactive-portfolio

  Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities.

• mobile-design

  Design and review iOS, Android, React Native or Flutter interfaces for touch, accessibility, navigation, offline behavior and measured performance. Use for mobile app UI work; not a mobile compliance certification.

• scroll-experience

  Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences.

• ui-a11y

  Audit a component or page for accessibility issues and fix them

• ui-from-screenshot

  Turn a screenshot or mockup into matching UI with the project's own components, then compare the result side by side with the image and fix the differences.

• ui-review

  Review UI code for design system compliance, accessibility, and best practices

• ui-states

  Design and build the UI states agents forget: first use, empty, loading, error, offline, no results, long content, permission denied and success.

• ui-ux-pro-max

  Comprehensive design guide for web and mobile applications. Use when designing new UI components or pages, choosing color palettes and typography, or reviewing code for UX issues.

• write-design-md

  Write or update a project's DESIGN.md from the colors, type, spacing and components it really uses, with rules agents follow so new screens match.

Similar plugins