ideatelisted
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