Feat/flask UI builder skill

[utkarsh232005]

Pull Request Checklist

• I have read and followed the CONTRIBUTING.md guidelines.
• I have read and followed the Guidance for submissions involving paid services.
• My contribution adds a new instruction, prompt, agent, skill, or workflow file in the correct directory.
• The file follows the required naming convention.
• The content is clearly structured and follows the example format.
• I have tested my instructions, prompt, agent, skill, or workflow with GitHub Copilot.
• I have run npm start and verified that README.md is up to date.
• I am targeting the staged branch for this pull request.

---

Description

Adds a new flask-ui-builder skill for building production-ready Flask web applications with polished frontends.

The skill includes:

• SKILL.md — Comprehensive guide covering architecture selection, project layout, copy-paste UI patterns (forms, tables, file uploads, pagination, search), security hardening, testing, deployment (Gunicorn + Docker), anti-patterns, troubleshooting, and Copilot prompting tips.
• references/api.md — JSON API routes, CORS setup, fetch-based frontends, and error handling patterns.
• references/auth.md — Session-based login, werkzeug password hashing, and Flask-Login integration.
• references/blueprints.md — App factory pattern, Blueprint structure, and model separation for larger apps.
• references/htmx.md — HTMX + Flask patterns for dynamic UIs without JavaScript — load, submit, delete, and polling.

---

Type of Contribution

• New instruction file.
• New prompt file.
• New agent file.
• New plugin.
• New skill file.
• New agentic workflow.
• Update to existing instruction, prompt, agent, plugin, skill, or workflow.
• Other (please specify):

---

Additional Notes

This skill is designed for anyone who needs to quickly scaffold a Flask web app — from simple form tools to multi-route dashboards with auth and HTMX-driven interactivity. It cross-references the premium-frontend-ui and gsap-framer-scroll-animation skills for frontend polish when needed.

No paid services or external dependencies beyond standard open-source Python packages (Flask, SQLAlchemy, HTMX CDN) are involved.

---

By submitting this pull request, I confirm that my contribution abides by the Code of Conduct and will be licensed under the MIT License.

[github-actions]

🔍 Skill Validator Results

2 resource(s) checked | ✅ All checks passed

Full output

Found 1 skill(s)
[flask-ui-builder] 📊 flask-ui-builder: 3,130 BPE tokens [chars/4: 3,068] (standard ~), 31 sections, 10 code blocks
[flask-ui-builder]    ⚠  Skill is 3,130 BPE tokens (chars/4 estimate: 3,068) — approaching "comprehensive" range where gains diminish.
�[32m✅ All checks passed (1 skill(s))�[0m

[Copilot]

Pull request overview

Adds a new Agent Skill focused on rapidly building production-oriented Flask apps with polished UIs, plus minor metadata attribution updates to an existing frontend skill.

Changes:

• Introduces a new flask-ui-builder skill with extensive Flask/Jinja2/UI patterns and bundled reference docs (API/Auth/Blueprints/HTMX).
• Adds author metadata and an Author section to premium-frontend-ui.

Reviewed changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 7 comments.

Show a summary per file

File	Description
skills/premium-frontend-ui/SKILL.md	Adds author attribution in front matter and a short Author section.
skills/flask-ui-builder/SKILL.md	New skill: Flask project layout, UI patterns, security/testing/deployment guidance, and related-skill links.
skills/flask-ui-builder/references/api.md	Reference patterns for JSON APIs, CORS, fetch usage, and error handling.
skills/flask-ui-builder/references/auth.md	Reference patterns for sessions, werkzeug password hashing, and Flask-Login.
skills/flask-ui-builder/references/blueprints.md	Reference patterns for app factory + Blueprints project structure.
skills/flask-ui-builder/references/htmx.md	Reference patterns for HTMX interactions (load/submit/delete/poll).

[aaronpowell]

In our Contributing Guide there's a note about contributions that are focused on what models already are capable of, and the technologies outlined here, Flask, HTMX, and creating JSON endpoints are pretty established technologies that models are very competent in.

If you are finding that models are lacking the knowledge to accurately address scenarios which this Skill would resolve, let us know for re-evaluation.