sickn33/agentic-bundle-design-studio
Portable skills-only "AAS Product Design Studio" plugin from Agentic Awesome Skills.
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences.
You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct audits, identify barriers, and provide remediation guidance.
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).
These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSED VISUALLY. Output only .md files, .pdf files, and .png files.
Draft and review audience-specific content using supplied brand examples, local text diagnostics, and adaptable channel templates.
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.
Design and implement a distinctive frontend within the product’s existing brand, accessibility, performance and framework constraints.
Use when designing expensive agency-grade interfaces with premium fonts, spatial rhythm, soft depth, and fluid microinteractions.
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-First · Touch-First · Platform-Respectful)
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.
Audit a component or page for accessibility issues and fix them
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.
Review UI code for design system compliance, accessibility, and best practices
Design and build the UI states agents forget: first use, empty, loading, error, offline, no results, long content, permission denied and success.
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 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.