---
name: iPolloWork Design Studio
slug: ipollowork-design-studio
category: Frontend
description: iPolloWork Design Studio edits HTML inside an active iPolloWork session, preserving templates, selections, theme tokens, and project boundaries. Use it when a design project is already owned by the active session and you need to modify specific elements without losing existing structure.
github: "https://github.com/Devin-AXIS/iPolloWork/tree/main/examples/plugin-packages/design-agent/skills/ipollowork-design-studio"
language: TypeScript
stars: 4292
forks: 825
install: "npx degit https://github.com/Devin-AXIS/iPolloWork/tree/main/examples/plugin-packages/design-agent/skills/ipollowork-design-studio ~/.claude/skills/ipollowork-design-studio"
installs_to: ~/.claude/skills/ipollowork-design-studio
source_path: examples/plugin-packages/design-agent/skills/ipollowork-design-studio/SKILL.md
collection_size: 25
category_size: 567
collection_url: "https://dirskills.com/collections/Devin-AXIS/iPolloWork"
added: 2026-08-20T07:54:36.736Z
last_synced: 2026-08-20T07:54:36.736Z
canonical_url: "https://dirskills.com/skills/ipollowork-design-studio"
---

# iPolloWork Design Studio

iPolloWork Design Studio edits HTML inside an active iPolloWork session, preserving templates, selections, theme tokens, and project boundaries. Use it when a design project is already owned by the active session and you need to modify specific elements without losing existing structure.

**Install:**

```bash
npx degit https://github.com/Devin-AXIS/iPolloWork/tree/main/examples/plugin-packages/design-agent/skills/ipollowork-design-studio ~/.claude/skills/ipollowork-design-studio
```

## README

# iPolloWork Design Studio

Use this Skill only for a design project already owned by the active iPolloWork session. The built-in Design Studio, templates, editor, undo history, and exports exist independently of this Skill.

## Session contract

- Treat the active session's injected Design contract and exact editable path as authoritative.
- Read the current HTML and its adjacent `design-tokens.css` before editing.
- Keep all changes inside the current `design/<session-id>/` project.
- Never create a replacement project, start another preview server, or alter iPolloWork application files.

## Editing rules

1. Preserve the template's root classes, section order, component geometry, responsive behavior, artwork, animation, and timing unless the user explicitly requests a structural redesign.
2. Use the existing `--ipw-*` theme tokens for themeable colors, typography, spacing, radii, shadows, surfaces, and page dimensions.
3. When iPolloWork supplies a selected-element locator, edit only that element. If the locator no longer resolves, stop without changing the file and ask the user to select it again.
4. Preserve unrelated content and styles. Do not replace a specific design with a generic page scaffold.
5. Save the requested change to the exact session file and verify the resulting HTML remains readable and structurally complete before finishing.

If the active session provides stricter instructions, those instructions take precedence.