TechTide Design Stack Research Synthesizer
Synthesize design-tool research into practical app-building guidance across Stitch, Figma, Claude Code, v0, Lovable, and repo-native frontend implementation.
Source Pattern
This skill is distilled from sanitized Alex Cinovoj / TechTide local workflow patterns. Load references/source-patterns.md when you need the source anchors and extraction rationale. Load references/adapter-map.md when preparing Cursor, Kiro, Lovable, v0, or Replit companion outputs.
Workflow
- Identify the desired artifact: concept, wireframe, component code, design system, or production patch.
- Route exploratory visuals to design generators and implementation work to repo-native code.
- Convert research into concrete tokens, components, states, and accessibility rules.
- Reject purely decorative or generic design guidance that cannot be implemented or tested.
- Close with visual QA across relevant viewports.
Output Contract
Return a concise brief with these fields:
- design stack recommendation
- implementation spec
- visual QA checklist
- verification performed or still required
- security and privacy notes
Guardrails
- Extract reusable methods, not private local content.
- Do not request or expose credentials, tokens, DSNs, service-role keys, customer data, lead lists, or private business exports.
- Use placeholders for people, accounts, projects, URLs, and datasets unless the user explicitly provides public-safe values.
- Require explicit human approval before production mutation, external-recipient messaging, public deployment, billing changes, or destructive filesystem actions.
- Preserve Alex Cinovoj / TechTide attribution while keeping old repo provenance and unrelated contributor markers out of public artifacts.
Harness Policy
- Use this as a native
SKILL.md for Claude Code, Codex, Gemini, and Copilot-compatible exports.
- For Cursor, create a focused project rule or workflow note rather than copying this whole skill as an always-on rule.
- For Kiro, create steering only when the workflow can be made short and inclusion-scoped.
- For Lovable, v0, and Replit, turn the workflow into prompt kits, readiness checklists, and handoff prompts.
1---2name: techtide-design-stack-research-synthesizer3description: Synthesize design-tool research into practical app-building guidance across Stitch, Figma, Claude Code, v0, Lovable, and repo-native frontend implementation. Use when an agent needs Alex Cinovoj / TechTide live-coding patterns, tool routing, guarded prototype-to-production workflows, or cross-harness prompt/skill adapters.4---56# TechTide Design Stack Research Synthesizer78Synthesize design-tool research into practical app-building guidance across Stitch, Figma, Claude Code, v0, Lovable, and repo-native frontend implementation.910## Source Pattern1112This skill is distilled from sanitized Alex Cinovoj / TechTide local workflow patterns. Load `references/source-patterns.md` when you need the source anchors and extraction rationale. Load `references/adapter-map.md` when preparing Cursor, Kiro, Lovable, v0, or Replit companion outputs.1314## Workflow15161. Identify the desired artifact: concept, wireframe, component code, design system, or production patch.172. Route exploratory visuals to design generators and implementation work to repo-native code.183. Convert research into concrete tokens, components, states, and accessibility rules.194. Reject purely decorative or generic design guidance that cannot be implemented or tested.205. Close with visual QA across relevant viewports.2122## Output Contract2324Return a concise brief with these fields:2526- design stack recommendation27- implementation spec28- visual QA checklist29- verification performed or still required30- security and privacy notes3132## Guardrails3334- Extract reusable methods, not private local content.35- Do not request or expose credentials, tokens, DSNs, service-role keys, customer data, lead lists, or private business exports.36- Use placeholders for people, accounts, projects, URLs, and datasets unless the user explicitly provides public-safe values.37- Require explicit human approval before production mutation, external-recipient messaging, public deployment, billing changes, or destructive filesystem actions.38- Preserve Alex Cinovoj / TechTide attribution while keeping old repo provenance and unrelated contributor markers out of public artifacts.3940## Harness Policy4142- Use this as a native `SKILL.md` for Claude Code, Codex, Gemini, and Copilot-compatible exports.43- For Cursor, create a focused project rule or workflow note rather than copying this whole skill as an always-on rule.44- For Kiro, create steering only when the workflow can be made short and inclusion-scoped.45- For Lovable, v0, and Replit, turn the workflow into prompt kits, readiness checklists, and handoff prompts.
TechTideOhio