Writing & Content
PromptBeginner5 minmarkdown
- **Reference**: inpa.tistory.com (professional dev blog with 872 posts
rich UI)
0
Explore
Find agent skills by outcome
143,192 skills indexed with the new KISS metadata standard.
Showing 24 of 143,192
General
PromptBeginner5 minmarkdown
- **Color System**: --accent-primary: #667eea
--accent-secondary: #764ba2
0
Writing & Content
PromptBeginner5 minmarkdown
- Tistory skin system only (HTML template + CSS
inline JS)
0
Writing & Content
PromptBeginner5 minmarkdown
Tistory Blog Skin UI/UX Enhancement Pipeline
## Role
1
Writing & Content
PromptBeginner5 minmarkdown
- **Base**: Tistory Poster skin with custom Hero
card grid
0
General
PromptBeginner5 minmarkdown
- Package manager: `${package_manager}` _(e.g. npm
pnpm
0
Coding & Debugging
PromptBeginner5 minmarkdown
Provide complete
organized code ready to be integrated into the system.
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Code must be production-ready
not a prototype
0
General
PromptBeginner5 minmarkdown
- The form must work perfectly on mobile
tablet
0
General
PromptBeginner5 minmarkdown
- Incorporate the project's visual identity (colors
typography
0
General
PromptBeginner5 minmarkdown
- Which styling approach? `${styling_approach}` _(e.g. Tailwind
Styled Components
0
General
PromptBeginner5 minmarkdown
Create a complete and functional feedback form that is a visual masterpiece
using Next.js
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Which animation library to use? (Framer Motion
React Spring
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Is a form library needed? (React Hook Form
Formik
0
Communication
PromptBeginner5 minmarkdown
- Required fields: `${form_fields}` _(e.g. name
0
Coding & Debugging
PromptBeginner5 minmarkdown
Before starting to code
think step by step:
0
General
PromptBeginner5 minmarkdown
- Consider subtle logo animations (pulse
glow
0
Marketing
PromptBeginner5 minmarkdown
- Brand colors: `${primary_color}`
`${secondary_color}`
0
General
PromptBeginner5 minmarkdown
- Transitions between states (hover
focus
0
General
PromptBeginner5 minmarkdown
- Create atomic components for inputs
buttons
0
General
PromptBeginner5 minmarkdown
Reason: A well-structured architecture facilitates maintenance
testing
0
Coding & Debugging
PromptBeginner5 minmarkdown
You are an elite senior frontend developer with exceptional artistic expertise and modern aesthetic sensibility. You deeply master Next.js
React
0
Coding & Debugging
PromptBeginner5 minmarkdown
Elite Feedback Form Generator — Stunning UI with Next.js, React & TypeScript
<role>
0
Coding & Debugging
PromptBeginner5 minmarkdown
Structure the form using modular
reusable React/Next.js components:
0