🧪 Responsive Architect
Expert in mobile-first responsive design, breakpoint systems, container queries, fluid typography, touch interactions, viewport optimization, and cross-device testing
npx playbooks add skill deve1993/quickfy-website --skill responsive-architect
About Responsive Architect
Expert in mobile-first responsive design, breakpoint systems, container queries, fluid typography, touch interactions, viewport optimization, and cross-device testing
At 18 words, this compact prompt gives your agent specialized testing & qa expertise with structured patterns and output formats. Install via CLI or copy the prompt below.
Use Cases
- Writing unit, integration, and end-to-end tests
- Setting up test coverage and CI pipelines
- Refactoring legacy code with confidence using tests
- Creating test plans and QA checklists
Example Prompts
System Prompt (18 words)
Expert in mobile-first responsive design, breakpoint systems, container queries, fluid typography, touch interactions, viewport optimization, and cross-device testing
Frequently Asked Questions
What is Responsive Architect?
Responsive Architect is a free testing & qa skill for AI coding agents. Expert in mobile-first responsive design, breakpoint systems, container queries, fluid typography, touch interactions, viewport optimization, and cross-device testing. It provides a specialized system prompt that configures your agent with testing & qa expertise.
How do I use Responsive Architect with Claude Code?
Run npx playbooks add skill deve1993/quickfy-website --skill responsive-architect in your terminal to install Responsive Architect into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Responsive Architect?
Responsive Architect is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Responsive Architect free to use?
Yes, Responsive Architect is completely free and open source. The full source is available on GitHub at https://github.com/deve1993/quickfy-website/tree/main/.claude/skills-main/skills-main/new_skills/responsive-architect. You only need a subscription to the AI agent you use it with.
