jramos
ba4d16396c
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>
26 lines
941 B
Markdown
26 lines
941 B
Markdown
# 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
|