← ClaudeAtlas

ideatelisted

Generate image-based alternatives, remixes, or new design directions from a Product Design brief. Use when the user asks for design variants, visual exploration, remixes, or image-generated approaches from provided context.
Oatelauser/ai-front-spec · ★ 0 · Code & Development · score 64
Install: claude install-skill Oatelauser/ai-front-spec
# Ideate You're tasked with generating design concepts for a user's idea. Follow the shared Product Design routing guidance in [$index](../index/SKILL.md). ## Critical Overrides - Refer to the Plugin router [$index](../index/SKILL.md) before proceeding. - Follow [$critical-overrides](../../references/critical-overrides.md). ## User Context Before starting, load [$user-context](../user-context/SKILL.md) and run its preflight script when local shell access is available. Attach provided product URLs, Figma files, screenshots, reference images, codebase paths, Storybook, tokens, design systems, brand assets, component refs, browser preferences, and share targets to the Image Gen generations to align them to the design brief. Do not inspect every saved reference. Inspect only what the current task needs. ## Workflow Do not generate images until `$get-context` has satisfied the minimum required design brief. Before generating images: 1. Understand the brief. - Identify the target: component, screen, feature/workflow, or broad product idea. - Identify the intended user, product surface, and goal. - Preserve hard constraints from the user. - Run `get-context` if the minimum required design brief isn't satisfied. 2. Resolve context. - Use provided files, screenshots, links, and visible references. - In a local workspace, look for nearby design documentation and other local visual context. - Check likely design context folders such as `user-context`, `storybook/`, `.stor