General
PromptBeginner5 minmarkdown
### A-Tier (High Impact
Easy Implementation)
0
Explore
Find agent skills by outcome
97,835 skills indexed with the new KISS metadata standard.
Showing 24 of 97,835Categories: Writing & Content, Coding & Debugging, Creative, General
General
PromptBeginner5 minmarkdown
- Must preserve existing AOS
typing animation
0
Writing & Content
PromptBeginner5 minmarkdown
- Tistory skin system only (HTML template + CSS
inline JS)
0
General
PromptBeginner5 minmarkdown
- Template variables: [##_var_##]
s_tag blocks
0
General
PromptBeginner5 minmarkdown
- **Color System**: --accent-primary: #667eea
--accent-secondary: #764ba2
0
Writing & Content
PromptBeginner5 minmarkdown
- **Reference**: inpa.tistory.com (professional dev blog with 872 posts
rich UI)
0
Writing & Content
PromptBeginner5 minmarkdown
Tistory Blog Skin UI/UX Enhancement Pipeline
## Role
0
Writing & Content
PromptBeginner5 minmarkdown
- **Base**: Tistory Poster skin with custom Hero
card grid
0
General
PromptBeginner5 minmarkdown
- The form must work perfectly on mobile
tablet
0
General
PromptBeginner5 minmarkdown
- Package manager: `${package_manager}` _(e.g. npm
pnpm
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Code must be production-ready
not a prototype
0
General
PromptBeginner5 minmarkdown
- Incorporate the project's visual identity (colors
typography
0
General
PromptBeginner5 minmarkdown
Create a complete and functional feedback form that is a visual masterpiece
using Next.js
0
Coding & Debugging
PromptBeginner5 minmarkdown
Provide complete
organized code ready to be integrated into the system.
0
General
PromptBeginner5 minmarkdown
- Which styling approach? `${styling_approach}` _(e.g. Tailwind
Styled Components
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Is a form library needed? (React Hook Form
Formik
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Which animation library to use? (Framer Motion
React Spring
0
Coding & Debugging
PromptBeginner5 minmarkdown
Before starting to code
think step by step:
0
General
PromptBeginner5 minmarkdown
- Consider subtle logo animations (pulse
glow
0
General
PromptBeginner5 minmarkdown
Reason: A well-structured architecture facilitates maintenance
testing
0
General
PromptBeginner5 minmarkdown
- Transitions between states (hover
focus
0
General
PromptBeginner5 minmarkdown
- Create atomic components for inputs
buttons
0
Coding & Debugging
PromptBeginner5 minmarkdown
Structure the form using modular
reusable React/Next.js components:
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