skills.rest
roby2358
roby2358COMMUNITY
Explore all skills by this author →
GitHub

implement

Implement HTML, CSS, and JS apps from SPEC.md with reviews.

5|Updated Feb 5, 2026
Search Tags:#automation#workflow#javascript#css#spec#code-review#implement
One-click install
npx skills add https://github.com/roby2358/skills --skill implement-roby2358
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: implement
Source: https://github.com/roby2358/skills/tree/main/implement
Command: npx skills add https://github.com/roby2358/skills --skill implement-roby2358

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates end-to-end app implementation and spec-alignment tasks, enabling teams to convert SPEC.md requirements into working code and maintain alignment through reviews.

Core Features & Use Cases

  • Implement app according to SPEC.md, deriving HTML structure (index.html), CSS patterns (index.css with variables and dark theme), and JS patterns (index.js with constructor patterns).
  • Review JavaScript for clarity and consistency, applying coding standards, removing redundancy, and adding guard conditions.
  • Review and clean CSS to remove unused rules, unify variable usage, and align with the specified design tokens.
  • Update SPEC.md to reflect implementation outcomes, document new features, errors, and UI details discovered during the process.

Quick Start

Provide the app path (e.g., balance) and run /implement <path> to start the workflow.

Frequently Asked Questions about implement

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

FAQPage Schema
How do I automate app implementation from a SPEC.md file?▼

Automate app implementation by providing an app directory and a SPEC.md, then running a command to execute HTML, CSS, and JS generation followed by parallel code reviews and spec updates.

What does automated spec-alignment for JavaScript and CSS involve?▼

Spec-alignment reviews JavaScript for consistency and guard conditions, cleans CSS to remove unused rules and unify variables, then updates SPEC.md to document implementation outcomes and UI details.

How do I enforce CSS variables and dark theme patterns during code generation?▼

Enforce CSS variables and dark theme patterns by defining them in SPEC.md, which the automation reads to derive index.css patterns and align output with specified design tokens.

Can I use this workflow to generate JS constructor patterns from specifications?▼

Yes, you can generate JS constructor patterns by detailing the required JavaScript patterns in SPEC.md, which the workflow reads to implement index.js accordingly.

What is the best way to maintain alignment between working code and project specifications?▼

Maintain alignment by running an automated workflow that executes implementation, performs parallel code reviews against the spec, and updates SPEC.md to reflect any new features or errors discovered.

Do I need frontmatter in my SPEC.md to run the implementation workflow?▼

Yes, frontmatter with name and description is required in SPEC.md to run the implementation workflow and properly coordinate the automated HTML, CSS, and JS generation tasks.

Related Skills

Explore More Software Engineering Skills→
samjhechtsamjhecht
4

initialize-governance

Generate Constitution, Roadmap, and process documentation templates for project governance.

Community
Advanced
AradotsoAradotso
4

launchkit-devtool-landing-template

Generate a static HTML/CSS/JS landing page for developer tools.

Official
Basic
pdovhomiljapdovhomilja

Global Commenting

Generate concise comments explaining complex logic in code files.

Community
Basic
BryceEWatsonBryceEWatson

spec-driven-dev

Coordinate feature development through SPEC, PLAN, and REVIEW templates.

Community
Advanced