design-studio-export
Экспортировать артефакт Design Studio в standalone HTML, PDF, PPTX, MP4 или handoff-формат. Use после проверки исходного проекта.
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.Экспортировать артефакт 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 для проверки без изменения файлов.
Цель роли design-studio: session-first план, реализация в разрешённом scope и независимая проверка; Task Master только по явному выбору.
Создать low-fi wireframe и проверить структуру пользовательского потока до визуального polish. Use для ранней UX-проработки.
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…
Audit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a component's variants, states, and accessibility notes, or designing a new pattern that fits the existing system.
Default frontend taste skill for building polished landing pages, portfolios, editorial pages, and visually important web UI code when no narrower taste/image skill applies. Do not use for dashboards/data tables, mobile image generation, brand-kit images, Stitch DESIGN.md files, or exact v1 compatibility.
Use only when the user or project explicitly requires the original v1 taste-skill behavior for backward compatibility. Do not load for normal frontend work; use design-taste-frontend as the current default.
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