a468e96a71
* chore: bump version to v0.8.0
* chore: update version to 0.7.1 instead of 0.8.0
* docs: expand comparison table with Oh My OpenCode and additional features
* backup: development context before reorganization
* refactor(context): reorganize development folder
- Remove 7 duplicate files (ui/design files exist in ui/web/)
- Remove 2 redundant READMEs (use navigation.md instead)
- Move react-patterns.md to frontend/react/
- Create frontend/react/navigation.md
- Update 4 navigation files (development, ui, frontend, frontend/react)
- Update developer profile (4 path changes: ui-styling-standards, design-systems, design-assets, animation-patterns)
- Update 3 core context files (visual-development.md, design-iteration.md, file-locations.md)
Result: 29 context files (down from 36), no duplicates, clean structure
Refs: REORGANIZATION_PLAN.md, REORGANIZATION_SUMMARY.md
* docs(context): add frontend delegation guide
- Create when-to-delegate.md with clear decision criteria
- Decision matrix for when to delegate vs. handle directly
- Common patterns and examples
- Red flags and green flags
- Frontend-specialist capabilities reference
- Update frontend and development navigation files
Helps orchestrators decide when to delegate UI work to frontend-specialist subagent.
* feat: enhance developer and advanced profiles with UI, development, and system builder context
- Developer profile: Add UI/UX patterns, development principles, design systems, React patterns, animation patterns, styling standards, and design assets
- Full profile: Add same UI/development context as developer profile for consistency
- Advanced profile: Add comprehensive system builder context including templates, guides, context system standards, and repository management context
- Update profile descriptions to reflect new capabilities
- All context files verified to exist and are properly referenced
* fix: remove duplicate context entries with incorrect paths
- Remove duplicate design-assets, ui-styling-standards, clean-code, animation-patterns, design-systems, react-patterns, and api-design entries that pointed to wrong paths
- Remove non-existent development-readme and mastra-ai-readme entries
- Keep only correct entries with proper file paths
- All registry paths now validated and correct
* feat: add add-context command to registry and all profiles
- Register add-context command in registry.json
- Add command:add-context to all 5 profiles (essential, developer, business, full, advanced)
- Update add-context.md to mention external-context files in .tmp/ directory
- Fix command dependencies to use context IDs instead of full paths
- All registry paths and dependencies validated
* feat: enhance add-context with external context file management
- Add Stage 0: Detect external context files in .tmp/
- Offer options to extract, manage, or harvest external files
- Extract patterns from external context files for use in project intelligence
- Provide management options: update, remove, clean, or harvest
- Add examples showing external context extraction and management
- Update troubleshooting with external context file handling
- Integrate with /context harvest command for permanent context organization
* fix: comprehensive context system audit and restructuring
- Fix 6 command documentation inconsistencies in add-context.md
* Correct /add-context vs /context harvest command references
* Simplify Stage 0 workflow from 4 to 2 options
* Update examples to match actual behavior
* Remove non-existent operations from delegation section
* Fix troubleshooting Q&A section
- Restructure registry.json with 4 major improvements
* Replace 31 duplicate 'navigation' IDs with unique IDs per subfolder
- core-navigation, development-navigation, openagents-repo-navigation, etc.
* Add context:openagents-repo/* to developer and full profiles
- Developers now have repo-specific guides and examples
* Remove context:to-be-consumed/* from essential, developer, business, full
- Keep only in advanced profile for system builders
* Properly scope mastra-ai context via wildcard patterns
Validation Results:
- Registry: 220/220 paths valid, 0 missing dependencies
- Profiles: All appropriately scoped with no duplicate IDs
- Standards: MVI compliance, frontmatter, structure verified
- No regressions: All tests passing
Fixes issues with context organization, command consistency, and profile coverage.
* feat: add premium dark UI design system context
- Add comprehensive quick start guide for premium dark UI
- Add visual reference guide with ASCII diagrams
- Includes color palette, components, layouts, and best practices
- Provides glassmorphism and radial glow patterns
- Complete with accessibility guidelines and responsive design
- Ready-to-use code snippets and templates
* docs: update design navigation with premium dark UI guides
* fix: Clean up agent YAML frontmatter and add standards
Fixed YAML frontmatter issues in 18 agent files:
- Removed duplicate YAML keys (e.g., read: true followed by read: {})
- Removed orphaned list items without parent keys
- Fixed field names (permission: → permissions:)
- Removed extra --- delimiter blocks in content
- Cleaned up comments and invalid OpenCode fields
Changes:
- 14 subagent files fixed (core, code, development, system-builder)
- 4 primary/meta agent files fixed (openagent, opencoder, repo-manager, eval-runner)
- Net reduction: 439 lines removed, 116 lines added (cleaner YAML)
Added agent standards documentation:
- .opencode/context/openagents-repo/standards/agent-frontmatter.md
- .opencode/context/openagents-repo/standards/subagent-structure.md
- .opencode/context/openagents-repo/standards/navigation.md
- Updated main navigation.md with standards section
All files follow MVI principles (<200 lines) and document the 5 common
YAML mistakes that were fixed.
Fixes subagent recognition issues where agents were registered as 'all'
mode instead of 'subagent' mode due to malformed YAML.
---------
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
91 lines
2.6 KiB
Markdown
91 lines
2.6 KiB
Markdown
---
|
|
description: "Advanced web UI patterns - scroll animations, visual effects, and interactive design"
|
|
---
|
|
|
|
# Web Design Patterns
|
|
|
|
**Purpose**: Advanced web UI patterns - scroll animations, visual effects, and interactive design
|
|
|
|
**Last Updated**: 2026-01-31
|
|
|
|
---
|
|
|
|
## Quick Navigation
|
|
|
|
### Concepts
|
|
| File | Description | Priority |
|
|
|------|-------------|----------|
|
|
| [scroll-linked-animations.md](concepts/scroll-linked-animations.md) | Scroll-synced image sequences (scrollytelling) | high |
|
|
|
|
### Examples
|
|
| File | Description | Priority |
|
|
|------|-------------|----------|
|
|
| [scrollytelling-headphone.md](examples/scrollytelling-headphone.md) | Full Next.js scroll animation example | high |
|
|
|
|
### Guides
|
|
| File | Description | Priority |
|
|
|------|-------------|----------|
|
|
| [building-scrollytelling-pages.md](guides/building-scrollytelling-pages.md) | Complete implementation guide | high |
|
|
| [premium-dark-ui-quick-start.md](guides/premium-dark-ui-quick-start.md) | Premium dark UI design system quick start | high |
|
|
| [premium-dark-ui-visual-reference.md](guides/premium-dark-ui-visual-reference.md) | Visual reference for premium dark UI | medium |
|
|
|
|
### Lookup
|
|
| File | Description | Priority |
|
|
|------|-------------|----------|
|
|
| [scroll-animation-prompts.md](lookup/scroll-animation-prompts.md) | AI prompts for generating animation sequences | medium |
|
|
|
|
### Errors
|
|
| File | Description | Priority |
|
|
|------|-------------|----------|
|
|
| _(No error files yet)_ | | |
|
|
|
|
---
|
|
|
|
## Loading Strategy
|
|
|
|
**For scroll animation work**:
|
|
1. Load `concepts/scroll-linked-animations.md` (understand technique)
|
|
2. Load `lookup/scroll-animation-prompts.md` (generate image sequences)
|
|
3. Load `examples/scrollytelling-headphone.md` (see full code)
|
|
4. Reference `guides/building-scrollytelling-pages.md` (step-by-step)
|
|
|
|
**For premium dark UI design**:
|
|
1. Load `guides/premium-dark-ui-quick-start.md` (implementation guide)
|
|
2. Reference `guides/premium-dark-ui-visual-reference.md` (visual patterns)
|
|
|
|
---
|
|
|
|
## Scope
|
|
|
|
This subcategory covers:
|
|
- ✅ Scroll-linked animations (scrollytelling)
|
|
- ✅ Canvas-based rendering
|
|
- ✅ Framer Motion patterns
|
|
- ✅ Image sequence generation
|
|
- ✅ Premium dark UI design system
|
|
- ✅ Glassmorphism patterns
|
|
- ⏳ CSS animations (future)
|
|
- ⏳ SVG animations (future)
|
|
- ⏳ WebGL effects (future)
|
|
|
|
---
|
|
|
|
## Related Categories
|
|
|
|
- `ui/web/` - Core web UI patterns (parent directory)
|
|
- `ui/web/animation-patterns.md` - CSS animations and transitions
|
|
- `development/` - General development patterns
|
|
|
|
---
|
|
|
|
## Used By
|
|
|
|
**Agents**: frontend-specialist, design-specialist, animation-expert
|
|
|
|
## Statistics
|
|
- Concepts: 1
|
|
- Examples: 1
|
|
- Guides: 3
|
|
- Lookup: 1
|
|
- Errors: 0
|
|
- **Total**: 6 files
|