Transform CVE Dashboard to tactical intelligence platform aesthetic
Implemented a sophisticated cyber-intelligence visual design with: DESIGN DIRECTION: - "Tactical Intelligence Command Center" aesthetic - Typography: JetBrains Mono for data/code + Outfit for UI labels - Color Palette: Deep navy (#0A0E27) base with electric cyan (#00D9FF) accents - Visual Language: Grid patterns, glowing borders, scanning animations - Motion: Smooth fade-ins, pulse effects, hover transformations FRONTEND CHANGES: - Redesigned App.css with comprehensive intelligence dashboard theme - Custom CSS classes: intel-card, intel-button, intel-input, status-badge - Added scanning line animations and pulse glow effects - Implemented grid background pattern and scrollbar styling COMPONENT UPDATES: - App.js: Transformed all UI sections to intel theme - Header with stats dashboard - Search/filter cards - CVE list with expandable cards - Document management - Quick check interface - JIRA ticket tracking - LoginForm.js: Redesigned authentication portal - All modals: Add/Edit CVE, Add/Edit JIRA tickets UI FEATURES: - Monospace fonts for technical data - Glowing accent borders on interactive elements - Status badges with animated pulse indicators - Data rows with hover states - Responsive grid layouts - Modal overlays with backdrop blur TECHNICAL: - Tailwind CSS extended with custom intel theme - Google Fonts: JetBrains Mono & Outfit - Maintained all existing functionality - Build tested successfully - No breaking changes to business logic Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
25
.claude/instructions.md
Normal file
25
.claude/instructions.md
Normal file
@@ -0,0 +1,25 @@
|
||||
# Project Instructions
|
||||
|
||||
## Token Usage & Efficiency
|
||||
Follow the guidelines in `.claude/optimization.md` for:
|
||||
- When to use subagents vs main conversation
|
||||
- Model selection (Haiku vs Sonnet)
|
||||
- Token preservation strategies
|
||||
- Rate limiting rules
|
||||
|
||||
## Project Context
|
||||
This is a CVE (Common Vulnerabilities and Exposures) dashboard application for tracking security vulnerabilities, vendors, and JIRA tickets.
|
||||
|
||||
## Security Focus
|
||||
All code changes should consider:
|
||||
- Input validation
|
||||
- SQL injection prevention
|
||||
- XSS protection
|
||||
- Authentication/authorization
|
||||
|
||||
## Frontend Development
|
||||
When working on frontend features or UI components:
|
||||
- Use the `frontend-design` skill for new component creation and UI implementation
|
||||
- This skill provides production-grade design quality and avoids generic AI aesthetics
|
||||
- Invoke it using: `Skill` tool with `skill: "frontend-design"`
|
||||
- The skill will guide implementation with distinctive, polished code patterns
|
||||
Reference in New Issue
Block a user