
from orchestkit180
Practical patterns for responsive UI: container queries, fluid typography, intrinsic layouts, and foldable-device support for React components.
A compact reference of modern responsive design techniques for React apps. Explains container queries vs media queries, fluid typography with clamp(), intrinsic grid patterns, responsive images, and foldable/dual-screen considerations. Provides rules and example patterns to build portable, accessible components that respond to container size rather than only viewport.
Use this when building reusable UI components, design system primitives, or when optimizing responsive behavior for variable containers (sidebars, modals, cards) and emerging devices (foldables, dual-screen). Ideal for frontend engineers and design-system authors.
Useful for frontend-focused agent tools and Claude Code flows that generate React/CSS patterns, design-system automation, and code-review assistants.
This skill has not been reviewed by our automated audit pipeline yet.
Cross-Project Analytics
Query local, privacy-safe cross-project analytics to report on agent, skill, hook, and team performance; replay sessions and estimate token costs.
Task Dependency Patterns
Patterns and workflows for creating, sequencing, and managing task dependencies using TaskCreate/TaskUpdate/TaskGet/TaskList tools to coordinate multi-step impl
Review PR
Deep pull-request code review using parallel specialized agents (quality, security, tests, architecture, performance) and synthesized review reports for approve
Write PRD (Product Requirements Document)
Generate an 8-section Product Requirements Document with user stories, INVEST-formatted acceptance criteria, and go/no-go criteria to turn product vision into e
Telemetry Inspect
Run a read-only health check of OrchestKit's telemetry pipeline: writer activity, file sizes, schema lock coverage, orphan files, and growth trends.
Design Ship
Turn a Claude Design handoff URL or bundle into a reviewable GitHub PR with generated Storybook stories, Playwright tests, and before/after verification.
Dream — Memory Consolidation
Automated nightly memory consolidation: prunes stale memory files, merges duplicates, resolves contradictions, and rebuilds MEMORY.md indexes with deterministic