frontend-design
Create distinctive, production-grade frontend interfaces while preserving brand consistency and implementation quality.
Use this skill when the request is to build or style a frontend component, page, or interface and the task is primarily visual/UX implementation.
Project Design Foundation
Read project design sources before making visual decisions.
docs/design.md— Source of truth for tokens, typography, spacing, radii, shadows, dark mode, and component patterns.docs/sales.md— Source of truth for audience, positioning, and messaging tone.
Apply these constraints:
- Primary color: Trust Bold Blue
#2563eb(more saturated than Confluence) - Font: Inter as the default UI/body typeface (intentional brand choice)
- Tone: Professional confidence — modern but not intimidating for corporate BAs
- Radius: 8px default, consistent with Linear/Notion SaaS aesthetic
- Must work in both light and dark modes
More from blogic-cz/blogic-marketplace
marketing-expert
This skill should be used when writing or rewriting marketing copy for software products, including positioning, messaging, homepage rewrite work, landing pages, product descriptions, conversion-focused updates, and sales-enablement content. Produces clear, truthful, high-performing SaaS copy.
97requirements
This skill should be used when clarifying a feature, writing a requirements spec, running a structured discovery session, or when users mention requirements-start, requirements-status, requirements-current, requirements-list, requirements-remind, or requirements-end.
78testing-patterns
This skill should be used when implementing or reviewing testing workflows in template-ts projects, especially for testing, Vitest, Playwright, integration test, and mocking scenarios.
76git-workflow
Automates the full PR lifecycle — create or update a pull request, then aggressively monitor CI checks and review feedback in a continuous loop, fixing failures and addressing comments until the PR is fully green. Also covers push, branch creation, and branch sync workflows.
76debugging-with-opensrc
Load this skill when debugging behavior in external libraries by reading local OpenSrc mirrors (Effect, TanStack, TRPC, Drizzle, Better Auth, Sentry, Pino), or when docs conflict with runtime behavior and source-level verification is required.
75update-packages
This skill should be used when upgrading dependencies, bumping packages, resolving outdated dependencies, or performing dependency updates. It guides safe Bun-based package upgrades with breaking-change handling, runtime pin alignment, and grouped version coordination.
75