eric-design

Plugin eric-design from marketplace eric-design-skill in AkaraChen/eric-design-skill. Commands read from the repo's manifest — 1 month ago.

Skills (15)

• add-visual-personality

  Add personality to an existing design with generated images, optionally combined with shaders or 3D effects. Use video generation only when the user requests video. Reuse configured generation services or ask the user which service and authentication method to use.

• change-review

  Reviews your work across multiple categories like UI, typography, layout, color and writing and gives you a detailed analysis of the findings.

• color-system

  Helps you build a color system and answer anything about color in your project. You can generate palettes, use semantic tokens, convert between formats, check contrast and more.

• create-design-system

  Create a page or interface and its creative direction using a random alphanumeric string as inspiration. Use when the user wants a fresh visual direction for an app through this process.

• deepen-design

  Improve an existing design through repeated screenshot critiques by a fresh subagent using a user-selected model. Use when the user wants iterative visual refinement against a design studio quality bar.

• design-in-eric-way

  Route a design goal to the right skill in this collection. Ask what the user wants to do, name the matching skill, then stop. Only runs when explicitly invoked.

• explain-interface

  Helps you figure out how something was built on the web.

• make-layout-better

  Helps with grouping, alignment, reading order, progressive disclosure and other details that make a good layout.

• make-typography-clean

  Focuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other details that make typography feel great across your product.

• ui-audit

  Combines the domain skills into a single review across clarity, layout, writing, typography, color and UI polish.

• ui-polish

  Polishes and improves the UI in your project. Covers concentric border radius, optical alignment, surface depth, contextual icons, hit areas and more.

• ui-stress-test

  Renders a component you choose in every state and scenario on a temporary page and stress tests it.

• vibe-design

  Guide the user through creating a design, deepening it with independent critique, and adding generated imagery, with optional video. Complete one stage at a time, then stop for feedback and suggest the next step.

• visual-craft

  Define visual direction and execute it with consistent typography, color, spacing, and motion. Use when designing, implementing, or reviewing visual direction — landing pages, app styling, icons, typography, composition, motion, headings, page overscroll, tokens, anti-slop, or when choosing a direct

• write-usable-copy

  Focuses on improving product copy in your project.

Similar plugins