Skip to content

docs: add before/after screenshots showcasing UI Skills (#35) - #39

Open
koushal78 wants to merge 2 commits into
ibelick:mainfrom
koushal78:add-showcase-screenshots
Open

docs: add before/after screenshots showcasing UI Skills (#35)#39
koushal78 wants to merge 2 commits into
ibelick:mainfrom
koushal78:add-showcase-screenshots

Conversation

@koushal78

Copy link
Copy Markdown

Closes #35

This PR adds before/after screenshots demonstrating the visual impact of UI Skills on real components.

Skills demonstrated

  • frontend-design: Product card transformation
  • frontend-design: Login page transformation
  • canvas-design: Pricing cards transformation

Files added

  • showcase/product_card/before.png
  • showcase/product_card/after.png
  • showcase/login/before.png
  • showcase/login/after.png
  • showcase/pricing/before.png
  • showcase/pricing/after.png

Showcase section added to README.md

All screenshots taken from the same test project to ensure consistency.

Add showcase demonstrating UI Skills impact on:
- Product card (anthropics/frontend-design)
- Signup page (anthropics/frontend-design)
- Pricing cards (anthropics/canvas-design)
@ibelick

ibelick commented Jul 28, 2026

Copy link
Copy Markdown
Owner

Thanks for the PR but I want to avoid adding images to the repo. Maybe we could add an environment for testing skills on small pages or components instead?

@koushal78

Copy link
Copy Markdown
Author

Thanks! I think that's a good idea. I'd be happy to help with it. Let me know how you'd like to approach it or where I can contribute.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add screenshots of UI after skill applied and before

2 participants