Agent Skills
Home /Claude Skills /agentation-design-feadback
Highly Recommended

Agentation Design Feadback

Say goodbye to design revision nightmares
The bridge between designers and developers
Core Principle:
This tool magically turns design feedback into code changes. When designers annotate your website with suggestions, it automatically parses those notes, locates the corresponding frontend elements, and converts modifications directly into TailwindCSS code updates. No more toggling between code and design mockups.
KEY FEATURES
01Pinpoint Targeting
Double verification with CSS selectors and Tailwind classes ensures modifying the right elements
02Side Effect Warning
Warns which other elements may be affected before making changes
03Responsive Guard
Automatically preserves existing responsive breakpoint configurations
04Dark Mode Sync
Intelligently synchronizes style changes between light/dark modes
github.com/clyde-yoonjae/agentation-design-feadback
development·clyde-yoonjae·2026-02-02·⭐ 3·🔱 0
Curated by agent-skills.cc
Installation
Download
HTTPS
git clone https://github.com/clyde-yoonjae/agentation-design-feadback.git
SSH
git clone [email protected]:clyde-yoonjae/agentation-design-feadback.git
GitHub CLI
gh repo clone clyde-yoonjae/agentation-design-feadback
FAQ
Q: What are the installation steps for Agentation Design Feadback Agent Skills?
1.Parse Feedback: Extract CSS selectors, Tailwind classes and modification requests
2.Locate Code: Find corresponding elements in codebase
3.Safety Check: Verify if changes affect other elements
4.Generate Changes: Apply modifications while preserving responsive/dark mode configurations
Q: What are the highlights of Agentation Design Feadback Agent Skills?
  • Instant design-to-code conversion
  • Smart confirmation before changes
  • Component extraction suggestions
  • Complete change documentation
Q: What are the use cases for Agentation Design Feadback Agent Skills?
  • When receiving annotated feedback from designers
  • When bulk modifying similar component styles
  • When maintaining design consistency in large projects
  • When making visual adjustments for A/B testing
Q: What are the limitations of Agentation Design Feadback Agent Skills?
  • TailwindCSS projects only
  • Requires well-structured CSS selectors
Related Claude Code Skills
openclaw

openclaw/openclaw

openclaw

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

157.6k24.4k
awesome-chatgpt-prompts

f/awesome-chatgpt-prompts

f

Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.

Validated by 140k users, used by Harvard professors - turn you into an AI conversation expert in 3 seconds

142.4k18.9k
skills

anthropics/skills

anthropics

Public repository for Agent Skills

Official skill repository ensures quality, ready-to-use solutions for 90% professional needs

56.7k5.5k
context7

upstash/context7

upstash

Context7 MCP Server -- Up-to-date code documentation for LLMs and AI code editors

Solves the most frustrating problem in AI coding - outdated docs and hallucinated APIs

42.0k2.0k
cherry-studio

CherryHQ/cherry-studio

CherryHQ

AI Agent + Coding Agent + 300+ assistants: agentic AI desktop with autonomous coding, intelligent automation, and unified access to frontier LLMs.

Integrates top AI services with document processing and coding features, offering commercial-grade experience for free

38.7k3.6k
everything-claude-code

affaan-m/everything-claude-code

affaan-m

Complete Claude Code configuration collection - agents, skills, hooks, commands, rules, MCPs. Battle-tested configs from an Anthropic hackathon winner.

37k stars validate its practical essence, directly improving code quality and development efficiency

33.3k4.1k