design-studio

Plugin design-studio from marketplace krislyn-chief-of-staff in sidart10/jerry-chief-of-staff. Commands read from the repo's manifest — 1 month ago.

Skills (9)

• design-blog-post

  A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief asks for "blog", "article", "post", "essay", or "case study".

• design-critique

  Run a 5-dimension expert design review on any HTML artifact in the project — Philosophy / Visual hierarchy / Detail / Functionality / Innovation, each scored 0–10. Outputs a single self-contained HTML report with a radar chart, evidence-backed scores, and three lists: Keep / Fix / Quick-wins. Use wh

• design-dashboard

  Admin or analytics dashboard in a single HTML file. Uses an evidence-backed summary, table, or chart structure suited to the decision instead of assuming KPI cards. Use when the brief asks for a "dashboard", "admin", "analytics", or "control panel" screen.

• design-docs-page

  A documentation page — left nav, scrollable article body, right-rail table of contents. Use when the brief mentions "docs", "documentation", "guide", "API reference", or "tutorial".

• design-meeting-notes

  Meeting notes page — title bar with attendees, agenda checklist, decisions block, action items table with owners + dates, and a "next meeting" footer. Use when the brief mentions "meeting notes", "minutes", "1:1 notes", "all-hands recap", or "会议纪要".

• design-simple-deck

  Single-file horizontal-swipe HTML deck. Built by copying the seed `assets/template.html` (which carries the proven 5-rule iframe nav script) and pasting slide layouts from `references/layouts.md`. Pitch decks, product overviews, study material. Use when the user says "deck", "slides", "ppt", "presen

• design-tweaks

  Wrap any HTML artifact with a side panel of live, parameterized controls — accent color, type scale, density, motion, theme — that rewrite CSS custom properties in real time and persist to localStorage. Lets the user explore variants of a design without re-prompting the agent. Use when the brief ask

• design-web-prototype

  General-purpose desktop web prototype. Single self-contained HTML file built by copying the seed `assets/template.html` and pasting section layouts from `references/layouts.md`. Default for any landing / marketing / docs / SaaS page when no more specific skill matches. Use when the user says "protot

• design-weekly-update

  Single-file horizontal-swipe slide deck for a weekly team update — shipped, in flight, blocked, metrics, asks. 6–8 slides. Use when the brief mentions "weekly update", "team update slides", "weekly status", "周报演示".

Slash commands (1)

• /design-studio:use-design

  Swap the active design system at workspace root. Resolves the configured design-system library, then copies the selected brand to root DESIGN.md.

Similar plugins