gpt-taste
gpt taste
design-research
Conduct research and create design documents before implementation. Use when analyzing requirements, exploring solutions, creating architecture designs, or investigating codebase patterns. Invoked by: "research", "design", "analyze", "investigate", "explore codebase".
Full skill instructions
Version: 1.0.0 Last Updated: 2026-01-11 Status: Active
This process is the critical first phase before creating a design document. It ensures the user request is fully understood, the codebase is thoroughly analyzed, multiple solutions are considered, and the best approach is selected with solid foundation for design.
ALWAYS: New features, complex refactorings, architectural changes, breaking changes SKIP: Simple bug fixes, trivial changes, explicit implementation instructions
[User Request] --> [Request Understanding] --> [Repository Analysis]
|
v
[Solution Exploration] --> [Recommendation & Decision]
|
v
[Design Document]
| Phase | Duration | Focus |
|---|---|---|
| 1. Request Understanding | 10-20 min | Clarify requirements |
| 2. Repository Analysis | 20-40 min | Understand codebase |
| 3. Solution Exploration | 15-30 min | Generate alternatives |
| 4. Recommendation | 5-10 min | Document & approve |
Total Duration: 50-90 minutes
Objective: Fully understand what user wants to achieve Duration: 10-20 minutes
See RESEARCH_GUIDE.md for detailed steps.
Objective: Deeply understand current codebase and architecture Duration: 20-40 minutes
See RESEARCH_GUIDE.md for detailed steps.
# Find components
Glob: "src/components/**/*{name}*.*"
# Find pages/screens/views
Glob: "src/{pages,screens,views}/**/*{name}*.*"
# Find state management
Glob: "src/{store,state,redux}/**/*{name}*.*"
# Find routing/navigation
Glob: "src/{routes,navigation,router}/**/*.*"
# Find tests
Glob: "{__tests__,tests,spec}/**/*{feature}*.*"
Objective: Generate and evaluate multiple solution approaches Duration: 15-30 minutes
### Approach 1: Minimal Change (Simplest)
**Description**: Add feature with minimal refactoring
**Effort**: 1-2 days | **Risk**: Low
**Pros**: Quick, low risk, backward compatible
**Cons**: Doesn't address technical debt, may not be extensible
### Approach 2: Refactoring (Recommended)
**Description**: Add feature + refactor to improve architecture
**Effort**: 3-4 days | **Risk**: Medium
**Pros**: Improves code quality, follows best practices, extensible
**Cons**: More work upfront, touches more files
### Approach 3: Complete Redesign (Thorough)
**Description**: Redesign system entirely
**Effort**: 10-15 days | **Risk**: High
**Pros**: Solves underlying issues, future-proof
**Cons**: High effort and risk, many breaking changes
For each approach, document:
Objective: Make final recommendation and get user approval Duration: 5-10 minutes
## Final Recommendation
### Chosen Approach: [Approach Name]
### Summary
[2-3 sentence summary]
### Why This Approach
1. [Alignment with architecture]
2. [Balances effort/quality]
3. [Follows existing patterns]
4. [Platform compatibility]
### What Will Be Changed
- Types: [files]
- Redux: [files]
- Components: [files]
- Screens: [files]
- Navigation: [files]
### Estimated Effort
- Duration: X days
- Complexity: Low/Medium/High
- Risk: Low/Medium/High
### Risks & Mitigations
| Risk | Mitigation |
|------|------------|
| {Risk} | {Strategy} |
Does this approach look good to you?
- [ ] Yes, proceed to design document
- [ ] I have questions/concerns
- [ ] I prefer a different approach
Once approved, create feature folder and research file:
/docs/ignored/<feature_name>/design/, development/, research//docs/ignored/<feature_name>/research/<feature_name>_research.mdUse template: DESIGN_TEMPLATE.md
Choose Minimal Approach When:
Choose Refactoring Approach When:
Choose Redesign Approach When:
| Issue | Solution |
|---|---|
| Requirements unclear | Ask clarifying questions before proceeding |
| Too many alternatives | Focus on top 3 most viable approaches |
| Can't find existing patterns | Search broader, check similar features |
| User wants to skip research | Explain risks, offer abbreviated process |
| Platform-specific issues | Document separately per platform |
| Skill | Purpose | When to Use |
|---|---|---|
/dev-feature | Full feature workflow | After research, for implementation |
/review-code | Code review | After implementation |
Note: Skill paths (
/skill-name) work after deployment. In the template repo, skills are in domain folders.
End of SOP
gpt taste
Premium brand-kit image generation for high-end identity systems, logo concepts, and visual-world presentations.
Premium website design-to-code skill that generates visual references first, then builds faithful frontend implementations.
Premium frontend image direction for landing pages and marketing sites, generating one distinct horizontal image per section.
Premium mobile app screen concepts and flows with clean hierarchy, strong imagery, and distinctive art direction.
Emil Kowalski's philosophy on UI polish, component design, and the invisible details that make software feel good.
Frontend design and iteration for production-grade interfaces, from concept to ship.
Reverse-engineer design tokens from public websites into starter token files for your project.
Builds an animation from scratch by making the decisions in the order that determines whether it feels right.
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
Chat-to-edit AI studio for product photos, portraits, branding, and video.
Generate your dream room in seconds.
Redesign your interior in seconds using AI
Transform rooms with AI-generated designs.
Transform Your Space with AI-Powered Japanese Interior Designs by Jife
AI-powered wireframes for non-designers.
Revolutionize Property Viewing with AI-Generated Floor Plans and Virtual Tours
Transform sketches into stunning architectural renders with AI.