Навыки: Дизайн

Check that the UI you actually rendered uses the design system, by reading computed styles in the running app against th...

Ensure all UI components follow the design guidelines including purple-indigo gradient, rounded-xl borders, backdrop-blu...

Patterns for building design system components using Surface primitives, CVA variants, and consistent styling. Use when...

Before adding a new style, component or pattern, look for the one the project already has and decide whether reusing it...

Keep user interfaces visually consistent with the existing product design system. Use when Codex needs to add screens, i...

Complete workflow for creating distinctive design systems from scratch. Orchestrates aesthetic documentation, token arch...

Review and improve UI consistency through tokens, components, states, accessibility, and usage rules.

Extracts the complete design system of an existing site (color tokens, type scale, spacing, breakpoints, radius, compone...

Extracts tokens, typography, spacing, component states, assets, layout, responsive rules, and interactions from a UI ref...

Generate a complete, accessibility-checked design system from scratch — colour ramps, type scale, spacing, elevation, an...

Phase 5 part of disease-market-sizing-orchestration. Injects consulting palette (navy/gold/blue) + base CSS + floating T...

This skill provides a curated set of cross-platform design guideline prompts for building consistent, high-quality UIs....

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when...

Use when building component libraries, choosing headless UI primitives, designing component APIs, or implementing themin...

Foundational design system architecture — token hierarchies, theming infrastructure, token pipelines, and governance. Us...

Plan design systems - component libraries, design tokens, documentation strategies, versioning, governance, and adoption...

Audit, diagnose, score, and recommend fixes for a design system, design tokens, token architecture, component library, F...

Defines comprehensive schemas for design token dimensions, value scales, and component mappings. Use when building desig...

Create and keep a project's design system under docs/design-system to DOCSPEC section 15 - README with the order of work...

Create and evolve design systems with design tokens, component architecture, and accessibility guidelines. Use when user...

Helps a team audit, document, and evolve its design system: builds component inventories and coverage matrices, spots re...

Bootstrap a product design system. Use for tokens, utilities, component and screen specs, or static examples. Read READM...

Use this skill whenever writing any UI component, page layout, CSS, style declaration, or frontend code in the Myelin pl...

Gestão e sincronização de Design Tokens entre Figma, código frontend (Tailwind/CSS) e materiais de marketing. Garante qu...

Automated detection and enforcement of design system guidelines including dark mode, colors, spacing, typography, focus...

Locked design tokens, 2025-2026 aesthetic enforcement

Help users build and scale design systems. Use when someone is creating a component library, establishing design tokens,...

Takes a locked DESIGN.md and builds the repeatable machine that generates consistent UI from it — semantic token tiers,...

Guards react-basics-ui's design token system (primitive → semantic, with a legacy component tier) and the UI primitive c...

Design systems: typography, spacing, contrast, tokens, shadcn/Tailwind patterns. Generate system first, then supplement...

Build, document, and maintain design systems with design tokens, component specifications, pattern libraries, naming con...

Build and maintain design systems. Use when creating component libraries, design tokens, or style guides. Covers atomic...

Build consistent, scalable design systems with proper token architecture

Build, maintain, and scale design systems including component libraries, design tokens, documentation, and governance mo...

Use when building or maintaining a component library and design tokens. Covers token architecture, component API design,...

Apply SLDS-compliant UI using the correct blueprints, styling hooks, utility classes, and icons. Use when building any U...

Migrate Lightning Web Components from SLDS 1 to SLDS 2 by running the SLDS linter and fixing violations. Use this skill...

Stops AI from generating boring, generic UI. Use when building new interfaces, reviewing generated UI, or fixing the fla...

Protocole d'exécution anti-slop pour tout livrable web de {{COMPANY_NAME}} — landing pages, pages statiques, portfolios,...

Use when the user asks for a landing page, marketing site, portfolio, or redesign, not dashboards or data tables. Infers...

Compatibility adapter into ui-implementation-workflow visual direction. Invoke explicitly for expressive marketing, bran...

tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery s...

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right desig...

Use when building high-agency frontend interfaces with strict design taste, calibrated color, responsive layout, and mot...

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict c...

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict c...

The original taste-skill v1, kept for projects that depend on its exact behaviour. Opt-in: it runs only when called by n...

The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-tast...