hoangsonww

Symptomsync Web Change — Design skill for Claude Code

Design community

Use when tasks touch the Next.js frontend in web/, including pages-router pages, React components, Supabase client flows, Gemini chat UX, charts, calendar behavior, uploads, auth screens, or frontend.

How to install Symptomsync Web Change

Installs to ~/.claude/skills/hoangsonww-symptomsync-health-app-symptomsync-web-change/SKILL.md

Terminal

mkdir -p ~/.claude/skills/hoangsonww-symptomsync-health-app-symptomsync-web-change && curl -fsSL https://raw.githubusercontent.com/hoangsonww/SymptomSync-Health-App/HEAD/.claude/skills/symptomsync-web-change.md -o ~/.claude/skills/hoangsonww-symptomsync-health-app-symptomsync-web-change/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Symptomsync Web Change does

name: symptomsync-web-change description: Use when tasks touch the Next.js frontend in web/, including pages-router pages, React components, Supabase client flows, Gemini chat UX, charts, calendar behavior, uploads, auth screens, or frontend-facing API routes. Especially relevant for home.tsx, chat.tsx, calendar.tsx, reminder.tsx, uploads.tsx, profile.tsx, auth pages, lib/*.ts, and pages/api/med.ts.

SymptomSync Web Change

Use this skill for implementation or investigation in `web/`.

Alternatives in Design

Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
NotebookLM Automation — Complete programmatic access to Google NotebookLM—including capabilities not exposed in the web UI 6.8k ★
Design Review Workflow — by Patrick Ellis - A tailored workflow for enabling automated UI/UX design review, including specialized sub a 3.7k ★