QuickSkill logoQuickSkillDocs
Guide 031 min read

Configuration and rebranding

QuickSkill is rebranded through four files under config/:

  • app.config.ts — app name, identifiers, and general product metadata.
  • design.config.ts — visual identity: colors, typography, and other design tokens. Configure this before any UI work — either run the configure-design agent skill or answer the design questions inline.
  • course.config.ts — which course/content the app ships with.
  • entitlements.config.ts — what a paying user is entitled to.

Avoid hardcoding product name, color, or copy elsewhere in the codebase — route it through these files so a rebrand stays a config change, not a find-and-replace across the repo.

If you're using an AI coding agent to extend this repository, read AGENT.md first — it documents a three-step workflow (project interview, visual configuration, content pipeline) that keeps agent-driven changes consistent with this config layer.