# Frontend Responsive

> Responsive design principles for stock_picker_bot web interfaces. Ensures stock data and portfolio management are usable on mobile, tablet, and desktop devices.

- Skill: `majiayu000/frontend-responsive-7` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add majiayu000/frontend-responsive-7`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/frontend-responsive-7/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/frontend-responsive-7

---


# Frontend Responsive

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to responsive frontend design.

## When to use this skill

Use this skill when:

1. Building responsive layouts for stock quote and price information displays
2. Creating mobile-friendly portfolio management interfaces
3. Designing breakpoints for stock chart visualizations on different screen sizes
4. Implementing responsive tables that collapse or scroll on small screens
5. Creating touch-friendly buttons and controls for mobile stock trading operations
6. Designing flexible grid layouts for dashboard panels with market data
7. Ensuring stock data remains readable on all device sizes
8. Building responsive navigation for portfolio features and analysis tools

## Instructions

For details, refer to the information provided in this file:
[frontend responsive](../../../agent-os/standards/frontend/responsive.md)