skills.rest
Devin-AXIS
Devin-AXISCOMMUNITY
Explore all skills by this author →
GitHub

ipollowork-design-studio

Edits HTML designs inside an active iPolloWork Design Studio session while preserving theme tokens and project boundaries.

5.3k|976|Updated Aug 25, 2025
Search Tags:#template#CSS#HTML#theme tokens#iPolloWork#design editing#Design Studio
One-click install
npx skills add https://github.com/Devin-AXIS/iPolloWork --skill ipollowork-design-studio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ipollowork-design-studio
Source: https://github.com/Devin-AXIS/iPolloWork/tree/main/.agents/skills/ipollowork-design-studio
Command: npx skills add https://github.com/Devin-AXIS/iPolloWork --skill ipollowork-design-studio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

When working on a design project inside iPolloWork, ad-hoc edits can break the template's visual system, theme tokens, or selected elements. This Skill enforces a session contract so every HTML edit stays consistent with the existing design system and project boundaries.

Core Features & Use Cases

  • Session-scoped editing: Reads the active session's Design contract and exact editable path, keeping all changes inside the current design/<session-id>/ project.
  • Theme token preservation: Uses existing --ipw-* tokens in design-tokens.css for colors, typography, spacing, and surfaces so Design System controls keep working.
  • Targeted element edits: When a selected-element locator is provided, edits only that element and stops safely if the locator no longer resolves.
  • Use Case: You have a landing page open in iPolloWork Design Studio and want to restructure its sections from a new brief without losing the template's visual language, responsive behavior, or undo history.

Quick Start

Ask the agent to apply your new content brief to the current Design Studio project while keeping the existing theme tokens and visual style intact.

Frequently Asked Questions about ipollowork-design-studio

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I edit an HTML design in iPolloWork Design Studio?▼

Open the design project in an active iPolloWork session and describe the change you want. The Skill reads the current HTML and design-tokens.css, then saves edits to the exact session file while preserving the template's visual system.

How do I edit only one selected element in a design?▼

Select the element in iPolloWork so the session supplies a selected-element locator. The Skill edits only that element; if the locator no longer resolves, it stops without changing the file and asks you to select it again.

Does this Skill work outside an active iPolloWork session?▼

No. It only operates on a design project already owned by the active iPolloWork session, using the injected Design contract and exact editable path as authoritative. It cannot create replacement projects or start new preview servers.

Will edits break the design system's theme controls?▼

No, provided the existing --ipw-* theme tokens are used for colors, typography, spacing, radii, and surfaces. The Skill preserves the final design-tokens.css link so the Design System controls continue to work.

What happens to unrelated content during a targeted edit?▼

Unrelated user content, structure, and styles are preserved during targeted and follow-up edits. The Skill does not replace a specific design with a generic page scaffold.

Related Skills

Explore More Design & Creative Skills→
okgoogle13okgoogle13
1

storybook-scaffolder

Generate Storybook .stories.tsx files with M3 design token imports for React components.

Community
Basic
hotriluanhotriluan

ck:stitch

Generate UI designs from natural language prompts and export Tailwind/HTML with DESIGN.md.

Community
Advanced
tak-brotak-bro

design-review

Audit live-site design quality against visual systems and accessibility standards.

Community
Advanced
futureteafuturetea

frontend-design

Generate distinctive React frontend interfaces with CSS variables and animations.

Community
Advanced