skills.rest
call1800messiah
call1800messiahCOMMUNITY
Explore all skills by this author →
GitHub

implement

Implement and refactor full-stack code from UI/UX flow diagrams.

Updated May 23, 2020
Search Tags:#workflow#testing#architecture#full-stack#refactor#implement#uiux
One-click install
npx skills add https://github.com/call1800messiah/The-Eighth --skill implement-call1800messiah
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: implement
Source: https://github.com/call1800messiah/The-Eighth/tree/main/.claude/skills/implement
Command: npx skills add https://github.com/call1800messiah/The-Eighth --skill implement-call1800messiah

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Implement and refactor code to align with UI/UX flow diagrams across full-stack projects, ensuring consistent architecture and behavior.

Core Features & Use Cases

  • Read BOM from description.md and translate into actionable tasks.
  • Follow interface designs and architectural patterns across frontend and backend layers.
  • Implement tests per test-plan.md and verify with lint/build/test cycles.

Quick Start

Provide a task description to begin implementing and refactoring code according to the UI/UX plan.

Frequently Asked Questions about implement

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement full-stack code from a BOM and UI/UX flow diagrams?▼

Full-stack code implementation from a BOM involves reading description.md, translating the BOM into actionable tasks, and refactoring frontend and backend layers to align with UI/UX flow diagrams and architectural patterns.

What is the best way to ensure interface conformity across frontend and backend layers?▼

Interface conformity is ensured by following defined architectural patterns across the full stack, reading the BOM from description.md, and validating that implemented code matches the specified UI/UX flow diagrams.

How do I execute a test-plan.md during a full-stack refactor?▼

To execute a test-plan.md during a full-stack refactor, you implement tests according to the plan and verify the results through continuous lint, build, and test cycles until all architectural requirements are satisfied.

Can I use this workflow for standalone code implementations without Feature Mode?▼

Yes, the workflow applies to both standalone invocations and Feature Mode workflows, allowing you to automate end-to-end code implementation and refactoring based on UI/UX plans across the full stack.

Why does my full-stack code fail to match the UI/UX flow during testing?▼

Full-stack code fails to match UI/UX flows when interface designs are not followed correctly or when the BOM from description.md is not accurately translated into actionable tasks across the architectural layers.

Related Skills

Explore More Software Engineering Skills→
luisgustavooliveiraluisgustavooliveira

architecture-blueprint-generator

Analyze codebases to generate architectural blueprints with visual diagrams.

Community
Advanced
GolferGeekGolferGeek

Quality Gates

Run npm lint, format, test, and build before commits.

Community
Advanced
AreebaZafarChohanAreebaZafarChohan

architecture-documentation

Convert specifications into architectural designs with components, data flows, and contracts.

Community
Advanced
thecomputer07thecomputer07

qsd-ui-review

Audit frontend code with a 6-pillar UI evaluation and generate UI-REVIEW.md.

Community
Advanced