Your agent can do more. Find the skill that makes it happen.
Find your next superpower If you are an agent, refer to our llms.txt for full access."..." for exact phrases · Try typography, debugging or spreadsheetЭкспортировать артефакт Design Studio в standalone HTML, PDF, PPTX, MP4 или handoff-формат. Use после проверки исходного проекта.
Импортировать визуальный источник из Figma .fig, GitHub или существующего HTML/CSS с provenance. Use когда дизайн должен опираться на реальный источник.
Создать интерактивный web/mobile prototype с состояниями и переходами. Use для кликабельной проверки UX-сценария.
Провести актуальное визуальное исследование и оформить findings в доказательный HTML-артефакт. Use когда дизайн зависит от текущих источников и данных.
Read-only ревью визуального артефакта, UX, адаптива, a11y и соблюдения design system. Use для проверки без изменения файлов.
Точка входа в обязательный Task Master workflow для комплексного визуального проекта роли design-studio. Use для многошаговой дизайн-цели от контекста и вариантов до preview, проверки и экспорта.
Создать low-fi wireframe и проверить структуру пользовательского потока до visual polish. Use для ранней UX-проработки.
Checks components for naming inconsistencies and hardcoded values. Documents variants, states, and accessibility notes, and helps design new patterns that fit the existing system.
Interprets images, mockups, Figma references, or websites to derive colors, typography, spacing, shapes, and components. Creates mirrored docs/design.md and docs/design.html artifacts for coding agents and human review.
Guides markup and CSS work using the site's token system, component library, and layout rules. Covers adding pages or sections, deciding when to create components, and adjusting spacing, color, and styling.
Turn a chosen design direction into a canonical DESIGN.md plus production tokens that don't look vibecoded — state-level colors (8-step neutral ramp, rest/hover/active/ disabled, focus ring), APCA-checked contrast, typography, spacing/radius/motion/elevation, an icon strategy, and component contracts for the core atoms. Emits tokens in the project's stack format (shadcn HSL vars or Tailwind v4 @th…
Structures design tokens into primitive, semantic, and component layers. Covers CSS variables, spacing and typography scales, component specifications, and strategic slide creation.
A growing collection of real, public skills. Descriptions and instructions indexed 25 Sept 2026.
Skills give your agent reusable instructions for a specific job. Pick one, read what it does, and bring it into your workflow.
A name only tells half the story. Search the full description and instructions to find the right fit.
Read the skill, visit its source, and see exactly what you’re adding to your agent.
Copy the install command from a skill page and run it in your project.
npx skillycli add owner/repo --skill name