claude

design-foundation

Design quality layer: UI/UX excellence, taste, style systems, interface polish and design review for premium web design.

11 on GitHubby GEKKOS Techv1.0.0MITupdated 4 months ago
/

Plugin design-foundation from marketplace agency-os in Gekkos-tech/agency-os. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (7)

  • awesome-design-md

    Reference library of 74 real-world brand design systems as DESIGN.md files (colors, typography, spacing, components, motion). Use when the user wants to match, borrow from, or take inspiration from a specific brand's visual language — "make it look like Linear/Vercel/Stripe/Apple", "give me a Notion

  • impeccable

    Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding,

  • interface-polish

    Design-engineering micro-detail pass for interfaces that already work but feel unrefined. Applies concrete CSS/JS rules for hover/active/focus states, transition timing and easing, enter/exit animations, stagger patterns, layered shadows, border-vs-shadow elevation, nested border-radius, optical ali

  • redesign

    Upgrades an EXISTING website or app to premium visual quality without breaking functionality. Audit-first workflow - inventories current pages and components, identifies generic-AI and template patterns (centered-everything, purple gradients, uniform card grids, emoji icons), produces a prioritized

  • style-systems

    Commits a project to ONE named visual style system and applies it consistently at token level. Use when deciding a visual direction for a build — "which style should this be", "pick a visual direction", "style system", "minimalist design", "brutalist site", "soft UI", "clean product UI" — or when a

  • taste

    Anti-generic design direction for landing pages, portfolios, and marketing sites. Use when a build brief needs a distinctive creative direction so the result does not look templated or AI-generated — reads the brief, infers the right direction, enforces a strict pre-flight check. Complements ui-ux-p

  • ui-ux-pro-max

    UI/UX design intelligence for web and mobile. Searchable local database with 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Us

Slash commands (1)

  • /design-foundation:design-review

    Structured design review of the current build or a URL — hierarchy, consistency, taste, polish

Subagents (1)

  • design-reviewer

    Design review specialist. Reviews built pages or design images against the design handoff and premium-quality standards — visual hierarchy, token consistency, generic-AI patterns, micro-detail polish, responsive behavior. Use for design reviews, "does this look good", handoff-fidelity checks, or pre

View source on GitHub

More from Gekkos-tech/agency-os

All 6 plugins →

seo-marketing

claude

SEO & search marketing: audits, technical SEO, content, schema, local SEO, AI visibility (GEO) and competitor analysis.

9 skills · 15 agents

11

ad-creative

claude

Advertising creative: campaign ideation, ad copywriting, social format specs, landing page CRO, brand kits and image generation direction.

8 skills · 2 commands

11

agency-core

claude

Agency project workflow: BRIEF → CONCEPT → DESIGN → BUILD → QA → LAUNCH router, project scaffolding, handoffs and proposals.

4 skills · 5 commands

11

quality-qa

claude

Quality assurance: performance, Core Web Vitals, accessibility, web best practices, webapp testing and pre-launch checklists.

6 skills · 1 command · 1 agent

11

motion-3d

claude

Motion & 3D: GSAP animation suite, Three.js/WebGL, React Three Fiber, Lottie, Rive and Remotion video.

6 skills

11

Similar plugins

example-skills

claude

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

ui-ux-pro-max

claude

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

daisyui

claudecodex

daisyUI component library skill

7 skills

saadeghi/daisyui 42,821

backend-development

claudecodex

Backend API design, GraphQL architecture, workflow orchestration with Temporal, and test-driven backend development

9 skills · 1 command · 8 agents

wshobson/agents 42,461

Maintain design-foundation?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins6 plugins