Super Design Core

The go-to AI vibe coding skill for product design: UI/UX, design systems, frontend UI patterns, information architecture, flows, visual systems, and implementable interface guidance.

View the full SUPER Skills catalogue.

Create implementable UI/UX direction, product flows, visual systems, and component guidance.

Why SUPER Skills For AI Vibe Coding

Super Design Core gives AI coding agents stronger taste and product design judgement. Use it to shape IA, flows, layouts, visual systems, frontend component direction, responsive interfaces, and implementation-ready UI/UX guidance that avoids generic AI slop.

These skills are designed for AI vibe coding: fast, agent-assisted building where the AI needs strong domain context, practical workflows, guardrails, and implementation-ready outputs.

SEO and discovery keywords: UI/UX, product design, design systems, frontend design, React UI patterns, information architecture, visual systems, responsive design, AI vibe coding, agent skills.

Install

Copy this folder into your agent's skills directory, then restart or reload the agent.

cp -R super-design-core ~/.your-agent/skills/

Use it by name:

Use $super-design-core to help with this request.

Best For

• product UX planning
• information architecture
• visual systems
• React/UI implementation patterns
• rapid layout ideation

Outputs

• flow and layout notes
• interaction guidance
• visual system tokens
• component priorities

Modules

Module	Purpose
magic-ui-generator.md	Rapid UI generation, layout exploration, and implementation-ready design prompts
react-ui-patterns.md	React and framework UI patterns, component structure, and implementation guidance
ui-ux-designer.md	UX strategy, flows, information architecture, and interaction design
design-systems.md	Visual systems, styles, palettes, typography, components, and design intelligence

Example Prompts

• Use $super-design-core to design a dashboard for this product.
• Use $super-design-core to improve this onboarding flow.
• Use $super-design-core to create a visual system for a SaaS landing page.

Compatibility

Works with any AI agent that can read Markdown skill files. Install paths vary by tool.

See INSTALL.md for detailed installation, Download ZIP instructions, and update guidance.

SUPER Skills Series

This repository is part of the SUPER Skills series: standalone, installable agent skills that can be used independently or together.

Published Series Repositories

Repository	Purpose
skills-super	Master catalogue for the full SUPER Skills collection: AI vibe coding skills, agent workflows, and installable Markdown skills.
super-ai-ml-agents	AI agents, agent architecture, tool use, memory, orchestration, multi-agent systems, and guardrails.
super-ai-ml-foundation	Model selection, prompt engineering, RAG, embeddings, vector search, and production-ready AI app design.
super-ai-ml-ops	LLM evaluation, monitoring, cost control, reliability, latency, release gates, and production AI governance.
super-automation	SaaS workflows, API integrations, triggers, permissions, retries, monitoring, and GitHub automation.
super-cloud	AWS, Azure, GCP, infrastructure as code, Terraform, networking, containers, reliability, and cost optimisation.
super-data-analytics	Pipelines, BI dashboards, SQL optimisation, metrics, data quality, and analytics workflows.
super-design-core	UI/UX, product design, design systems, frontend UI patterns, IA, flows, and visual systems.
super-design-quality	Accessibility, WCAG, responsive testing, visual consistency, UI polish, and remediation plans.
super-engineering-devops	Architecture, full-stack implementation, CI/CD, observability, incidents, testing, and reliability.
super-gaming-3d-media	Game engines, Three.js, animation, audio/video workflows, asset pipelines, and performance.
super-healthcare-wellness	Health trend analysis, care workflows, wellness data, safety boundaries, and non-diagnostic guidance.
super-industry-ops	Logistics, manufacturing, procurement, production scheduling, supply chain workflows, and operational quality.
super-legal-hr-compliance	Contracts, policies, HR processes, obligations, internal comms, and non-security regulatory guidance.
super-marketing-execution	Campaign orchestration, CRO, copywriting, analytics, email, social, paid ads, and growth execution.
super-marketing-strategy	Positioning, ICP, product marketing, growth hypotheses, content strategy, launch strategy, and GTM planning.
super-office-docs-presentation	Documents, PDFs, presentations, spreadsheets, documentation systems, templates, and productivity automation.
super-product-business-finance	Market sizing, startup analysis, pricing, monetisation, roadmap decisions, and PM frameworks.
super-security	Security audits, threat modelling, web security testing, application security, API security, and remediation workflows.
super-seo-foundation	Technical SEO, SEO audits, crawlability, indexing, schema, sitemaps, hreflang, Core Web Vitals, and Google tooling.
super-seo-growth	AI SEO, GEO, LLM visibility, content optimisation, programmatic SEO, and citation readiness.
super-specialized-platform-sdks	Shopify, Salesforce, Telegram bots, commerce platforms, CRM/ERP integrations, and messaging workflows.

Start with the skill that matches the task. Use the catalogue when you want to browse the full collection or install multiple skills.

Version

See VERSION and CHANGELOG.md.

Licence

MIT. See the root repository LICENSE.