implement

Implement UI, style, and configuration changes with linting and type checking.

Updated Dec 28, 2023
One-click install
npx skills add https://github.com/daisuke-tanabe/daisuke-tanabe --skill implement-daisuke-tanabe
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: implement
Source: https://github.com/daisuke-tanabe/daisuke-tanabe/tree/main/.claude/skills/implement
Command: npx skills add https://github.com/daisuke-tanabe/daisuke-tanabe --skill implement-daisuke-tanabe

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the implementation of non-test-critical changes, such as UI adjustments, style modifications, and configuration updates, reducing manual effort and ensuring consistency.

Core Features & Use Cases

  • UI Component Addition/Modification: Add or alter UI elements as per design specifications.
  • Style and Layout Adjustments: Refine the visual presentation and arrangement of elements.
  • Configuration File Updates: Modify settings and parameters in configuration files.
  • Use Case: Update the color scheme of a website's header to match new branding guidelines.

Quick Start

Use the implement skill to change the button color to blue.

Frequently Asked Questions about implement

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

FAQPage Schema
How do I implement UI modifications and styling changes in my codebase?

UI modifications and styling changes are implemented by following project conventions to adjust visual presentation and layout. The process ensures code quality through linting and type checking while applying the required design specifications.

What's the best way to update configuration files without breaking existing project conventions?

Updating configuration files involves modifying settings and parameters while strictly following project conventions. The changes maintain consistency and ensure code quality is preserved through established linting and type checking mechanisms.

Can I use this approach for adding new UI components instead of just modifying existing ones?

Adding new UI components is fully supported alongside modifying existing elements. Whether adding or altering UI elements per design specifications, the implementation follows project conventions to ensure visual presentation and layout requirements are met.

Does the implementation process handle linting and type checking automatically for code changes?

Linting and type checking are automatically handled to ensure code quality for code changes. The implementation process follows project conventions and validates modifications, including UI adjustments, style updates, and configuration file edits.

Are there limitations on what types of code changes can be implemented with this approach?

Non-test-critical changes are the primary focus, including UI adjustments, style modifications, and configuration updates. The implementation supports tasks like adding UI components, refining layouts, and modifying settings files while ensuring consistency.

How does the implement skill streamline making code changes for website branding updates?

Making code changes for website branding updates is streamlined by applying UI adjustments and style modifications directly to the codebase. This reduces manual effort and ensures visual presentation consistency by following project conventions.