Back to tags
Tag

Agent Skills with tag: design-system

7 skills match this tag. Use tags to discover related Agent Skills and explore similar workflows.

ui-designer

Design UI as information architecture + interaction + visual tone, then translate into implementable specs. Apply when discussing screen design, component design, design systems, or visual hierarchy.

uidesigncomponentsdesign-system
mae616
mae616
11

figma_integration

Figma design-to-code, design system extraction ve component generation rehberi.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4211

component-library

Expert React/Next.js component architect specializing in creating consistent, reusable, and maintainable components for monorepo projects. Use when creating or refactoring UI components, reviewing component architecture, or setting up shared component patterns in a monorepo.

reactnextjscomponentsdesign-system
shipshitdev
shipshitdev
353

anti-ui-slop

Stop coding agents from shipping generic UI. Use UIZZE''s 800,000+ real web and iOS screens to build product-specific interfaces, define a design contract, cover required states, and run a hard finish gate. Use when designing, implementing, redesigning, critiquing, or pre-ship reviewing a web or iOS interface in Codex, Claude Code, Cursor, Copilot, or another coding agent. Trigger with "anti-ui-slop", "stop UI slop", "ground this UI in real screens", or "run the UI finish gate".

ui-designdesign-systemdesign-reviewfrontend
UIZZE <business@uizze.com>
UIZZE <business@uizze.com>
38,9014,927

design-md

Author/validate/export Google's DESIGN.md token spec files.

[designdesign-systemtokensui
PoorRican
PoorRican
0

create-design-system-rules

Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.

design-systemfigma-integrationdesign-guidelinescustomization
RithyTep
RithyTep
0

modern-frontend-design

Comprehensive frontend design system for creating distinctive, production-grade interfaces that avoid generic AI aesthetics. Use when users request web components, pages, applications, or any frontend interface. Provides design workflows, aesthetic guidelines, code patterns, animation libraries, typography systems, color theory, and anti-patterns to create memorable, context-specific designs that feel genuinely crafted rather than generated.

design-systemui-componentstypographymotion-design
gupsammy
gupsammy
0