akarachen/eric-design
Collaborative UI and visual design skills for audits, animation, and visual craft.
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.
Reviews your work across multiple categories like UI, typography, layout, color and writing and gives you a detailed analysis of the findings.
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 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.
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.
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.
Helps you figure out how something was built on the web.
Helps with grouping, alignment, reading order, progressive disclosure and other details that make a good layout.
Focuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other details that make typography feel great across your product.
Combines the domain skills into a single review across clarity, layout, writing, typography, color and UI polish.
Polishes and improves the UI in your project. Covers concentric border radius, optical alignment, surface depth, contextual icons, hit areas and more.
Renders a component you choose in every state and scenario on a temporary page and stress tests it.
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.
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 direction from a design DNA spec for the chosen visual direction. Use ui-audit separately for UI correctness, disclosure, and cognitive load.
Focuses on improving product copy in your project.