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

Phase 7 — Automated quality loop: playwright-validate.py score >= 9.0, 34-criteria system, blueprint adherence, performa...

Records the best scenes of a website or web app (WebGL hero, 3D, scroll) as 1080p MP4 for decks, uploads them to Figma S...

Which CSS unit a value should be written in. rem for anything a text-size preference must move — type, control heights,...

Builds skeleton loading states that are pixel-perfect matches of real content. Use this skill whenever adding loading st...

For building skeleton loading states that are pixel-perfect matches of real content. Use this skill whenever adding load...

Use Skeleton UI components instead of building custom markup. MUST be consulted when creating or modifying any UI: butto...

Static mockups are barely better than screenshots. Every interactive element in a sketch must respond to interaction.

A friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper. Soft teal brand accents, h...

Throwaway HTML mockups: 2-3 design variants to compare.

Sketch macOS design tool. Use for UI design.

Rough pencil-sketch aesthetic with hand-drawn borders, draft-quality charm, and playful imperfection.

Create professional UI/UX designs in Sketch for macOS. Use for: vector design, symbols and reusable components, design s...

Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.

Web and App implementation guide for Skeuomorphism. Trigger when user wants UI to mimic real-world objects, realistic te...

Design patterns for automatic skill activation at plugin or project level. Use when implementing keyword-based skill sug...

Expert guide for creating OpenCode skills. Use when: (1) Creating new skills with scripts and resources, (2) Learning s...

Crea nuevas skills para el ecosistema siguiendo el estándar Agent Skills. Template, estructura de carpetas y registro au...

Enhanced skill creation framework emphasizing philosophy-first design, anti-pattern prevention, and variation encouragem...

Best practices for skill structure and types. Use when creating skills.

Which optional skill pack the kit has for the work at hand, and how to offer it. Read it when starting work the kit pins...

AL page design patterns for Business Central. Use when creating Card, List, ListPart, Document pages, implementing page...

This skill should be used when the user asks to "create a skill", "write a SKILL.md", "validate skill structure", "impro...

ÚSAME PRIMERO en cualquier tarea no trivial: árbol de decisión que dice qué skill y sección leer (UI: ui-ux-pro-max; ani...

Select and coordinate Codex skills when several skills, plugins, agents, or workflows could apply to the same user reque...

Select and coordinate reusable skill sets from the Innovator skills collection for cross-cutting engineering tasks.

Generate creative content (code, text, art prompts) in the specific Arcanean aesthetic

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying...

Summarizes how to use the Anima animation engine (Scene, Mobjects, Fluent API, Pro API, camera, timeline, rendering, and...

Evaluate and improve Claude skill quality through auditing.Triggers: skill audit, quality review, compliance check, impr...

Generate a polished Remotion video and X thread showcasing the full agent skills inventory. Use when creating social med...

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Implement 'Skip to Conten...

Build a premium client website end-to-end — competitor research, niche-tuned design system, conversion funnel, SEO/AEO b...

Create professional music with Mureka AI API — songs, instrumentals, and lyrics from natural language descriptions in an...

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and anim...

Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation pr...

用于创建针对 Slack 优化的动画 GIF 的知识和工具集。提供约束条件、验证工具和动画概念。当用户请求为 Slack 创建动画 GIF 时使用，例如"为 Slack 制作一个 X 做 Y 的 GIF"。

用于创建针对 Slack 优化的动画 GIF 的知识和实用工具。提供约束、验证工具和动画概念。当用户请求 Slack 的动画 GIF 时使用，例如"为 Slack 制作一个 X 做 Y 的 GIF"。

A toolkit providing utilities and knowledge for creating animated GIFs optimized for Slack.

Simplified Japanese Slack GIF creator skill covering animation GIF creation with Japanese text, traditional reaction GIF...

Simultaneous Launch Button - two-person rule for destructive commands. Requires peer review before executing risky opera...

Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.

Generate beautiful HTML slide presentations from markdown or plain text. Dark theme, smooth animations, speaker notes. O...

Generate a polished HTML slide deck from a topic, outline, or data — a self-contained .html file with keyboard/touch nav...

Visual hierarchy, data visualization, and minimal text patterns for impactful presentations

AI image generation for presentation slides using Gemini Pro. Supports batch generation, style consistency, and visual v...

This skill should be used when the user asks to "analyze slide quality", "review slide", "check slide design", "optimize...

Create or enhance a data-rich, single-file HTML slide deck or pitch deck. Use when the user asks for a new presentation,...

Builds a Canvas 2D stack of five identical dark blocks sliding between a left and a right stop, each row a twelfth of a...